jQuery で非常に単純なカルーセルを作成しました。IE を除くすべてのブラウザーで完全に正常に動作し、最初div
の .
私の機能は次のとおりです。
var Tcar='';
function carrousel(sens,loop){
var indice=0;
$(".imgDiapo").each(function(){
if($(this).css("display")=="block"){
indice=$(this).index();
}
});
if(sens=="next") {indice++; }
else{indice --; }
if(indice> $(".imgDiapo").length-1) {indice=0; }
$(".imgDiapo").fadeOut(300);
$(".imgDiapo:eq("+indice+")").fadeIn(300);
$(".pDroite").fadeOut(0);
$(".pDroite:eq("+indice+")").fadeIn(300);
if(loop=="loop") Tcar=setTimeout( function(){carrousel(sens,loop)},3500);
}
たとえば、私のjsfiddle:http://jsfiddle.net/jrMqR/ およびオンラインの結果:http://lapasserelle-massage.fr/index.php