Hallo alle zusammen,
ich bin derzeit dabei eine Internetseite zu machen, wo auf der ersten Seite wechselnde Bilder sein sollen.
Soweit habe ich auch ein Code, bei einer Übungsseite hat alles funktioniert, nur jetzt bei meiner Hauptseite will es irgendwie nicht entweder flackern die Bilder hoch und runter oder es bewegt sich nicht.
Ich brauche dringend Hilfe, ich finde dem Fehler einfach nicht, ich bedanke mich schon mal im Vorraus für Hilfe.
Hier ist auf jeden fall der Code:
[FONT=Courier New][/FONT]
SleepGirl:
Hallo alle zusammen,
ich bin derzeit dabei eine Internetseite zu machen, wo auf der ersten Seite wechselnde Bilder sein sollen.
Soweit habe ich auch ein Code, bei einer Übungsseite hat alles funktioniert, nur jetzt bei meiner Hauptseite will es irgendwie nicht entweder flackern die Bilder hoch und runter oder es bewegt sich nicht.
Ich brauche dringend Hilfe, ich finde dem Fehler einfach nicht, ich bedanke mich schon mal im Vorraus für Hilfe.
Hier ist auf jeden fall der Code:
[FONT=Courier New][/FONT]
Ohne mir den Code genau angesehen zu haben, vermute ich eher das liegt am CSS als am JS.
LeCub
24. März 2016 um 16:41
3
1.Du definierst „Bilder“ und rufst „bilder“ auf, das kann nicht klappen.
2. $(…) gibt ein Objekt zurück, weshalb „slice()“ nicht funktioniert
Rekursive Funktion ohne setTimeout.
[CODE]// HTML
// JS
var slider = (function() {
return {
image: {
img: ['animals-q-c-640-480-8.jpg', 'animals-q-c-640-480-9.jpg', 'animals-q-c-640-480-10.jpg'],
count: 0,
change: function() {
$('#my_img')
.fadeIn(2000).delay(2500).fadeOut(function() {
slider.image.change();
}).attr('src', 'http://lorempixel.com/image_output/' + this.img[this.count++]);
if (this.count == this.img.length) {
this.count = 0;
}
}
}
}
})();
$(document).ready(function() {
$('#my_img').hide();
slider.image.change();
});[/CODE]