Le Blog de Cyol

div.slideshow{ margin: 5px auto; position:relative; height: 110px; width: 110px; padding: 10px; float:left; } div.slideshow img { border: 1px solid #d5d5d5; position:absolute; left:10px; top:10px; height: 100px; width: 100px; display: none; }

jQuery(function($){ $(".slideshow img:gt(0)").hide(); setInterval(function() { $('.slideshow').each(function(){ ($(this).children(":first")).fadeOut(1000) .next('img').fadeIn(1000) .end() .appendTo($(this)); }); }, 3000); });
Dans le cadre d’un projet, j’ai du créer un petit slideshow, une zone présentant des images s’affichant les une après les autres.… Lire la suite...