Hallo Leute,
folgender Code soll eigentlich alle 4 Bilder an ein und derselben Position ein-und ausblenden. Das funktioniert soweit auch, allerdings werden alle 4 Bilder untereinander aus-und eingeblendet, anstatt immer nur jeweils eines im Wechsel. Wo liegt der Bug?
folgender Code soll eigentlich alle 4 Bilder an ein und derselben Position ein-und ausblenden. Das funktioniert soweit auch, allerdings werden alle 4 Bilder untereinander aus-und eingeblendet, anstatt immer nur jeweils eines im Wechsel. Wo liegt der Bug?
HTML:
<div id="photos">
<img alt="moi_1" src="img/moi_coloured.jpg">
<img alt="moi_2" src="img/moi_coloured_large.jpg">
<img alt="moi_3" src="img/moi_large_sw.jpg">
<img alt="moi_4" src="img/moi_sw.jpg">
</div>
Javascript:
$(document).ready(function () {
rotiere_pic(0);
});
function rotiere_pic(photo_aktuell) {
var anzahl = $('#photos img').length;
photo_aktuell = photo_aktuell % anzahl;
$('#photos img').eq(photo_aktuell).fadeOut(function () {
$('#photos img').each(function (i) {
$(this).css(
'zIndex', ((anzahl - i) + photo_aktuell) % anzahl
);
});
$(this).show();
setTimeout(function () {
rotiere_pic(++photo_aktuell);
}, 750);
});
$("#photos img").css({top: '70px', height: '120px', width: '120px', display: 'block'});
}
Zuletzt bearbeitet von einem Moderator: