0

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

4

0 に答える 0