1

現在、localscroll と cycle の両方の機能を一緒に実装してスライダーを作成しようとしています。スライダーには、自動回転サイクルを備えた 2 つのボタン (左右) があるはずです。localscroll とクリック機能には、ユーザーが回転するスライダー内の特定の画像に移動できる小さなボタンが下部にある必要があります。

サイクル機能が働きます。しかし、localscroll 関数は機能していません。JSFiddleをご覧ください

エラー画像

jQuery:

    $(document).ready(function() {
        $("#slideshow").css("overflow", "hidden");
        $("#slideshow-nav").css("visibility", "visible");
    $("#slideshow-nav a[href=#lambo1]").addClass("active");

    $("#slideshow-nav").localScroll({
            target:'#slideshow', axis: 'x'
    });

$("#slideshow-nav a").click(function(){
            $("#slideshow-nav a").removeClass("active");
            $(this).addClass("active");
    });

    $("ul#slides").cycle({
            fx: 'fade',
            pause: 1,
            prev: '#prev',
            next: '#next'
    });

    $("#slideshow").hover(function() {
    $("ul#nav").fadeIn();
    },
            function() {
    $("ul#nav").fadeOut();
    });

});

4

1 に答える 1

0

Nivo Sliderをお試しください。箱から出してすぐに、探している機能に加えて、カスタマイズが必要な場合は多くのオプションがあります。

<script type="text/javascript">
jQuery(window).load(function(){
jQuery("#nivoslider-4").nivoSlider({
    effect:"random",
    slices:15,
    boxCols:8,
    boxRows:4,
    animSpeed:500,
    pauseTime:3000,
    startSlide:0,
    directionNav:true,
    controlNav:true,
    controlNavThumbs:false,
    pauseOnHover:true,
    manualAdvance:false
});
});
</script>
于 2013-04-04T11:53:40.573 に答える