0

垂直オートスクローラーをセットアップしました。

[neuroflux による編集]「循環」モードのときに問題が発生します - カルーセルの最後または最初に到達すると、同じスライドが何度も繰り返されます。[/編集]

.jcarousel-skin-tango .jcarousel-container {

        }

        .jcarousel-skin-tango .jcarousel-direction-rtl {
            direction: rtl;
        }

        .jcarousel-skin-tango .jcarousel-container-horizontal {
            width: 245px;
            padding: 20px 40px;
        }

        .jcarousel-skin-tango .jcarousel-container-vertical {
            width: 75px;
            height: 245px;
            padding: 40px 20px;
        }
        .jcarousel-skin-tango .jcarousel-clip {
            overflow: hidden;
        }

        .jcarousel-skin-tango .jcarousel-clip-horizontal {
            width:  245px;
            height: 75px;
        }

        .jcarousel-skin-tango .jcarousel-clip-vertical {
            width:  75px;
            height: 245px;
        }

        .jcarousel-skin-tango .jcarousel-item {
            width: 75px;
            height: 75px;
        }

        .jcarousel-skin-tango .jcarousel-item-horizontal {
            margin-left: 0;
            margin-right: 10px;
        }

        .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
            margin-left: 10px;
            margin-right: 0;
        }

        .jcarousel-skin-tango .jcarousel-item-vertical {
            margin-bottom: 10px;
        }

        .jcarousel-skin-tango .jcarousel-item-placeholder {
            background: #fff;
            color: #000;
        }

JavaScript

function mycarousel_initCallback(carousel)
            {
                // Disable autoscrolling if the user clicks the prev or next button.
                carousel.buttonNext.bind('click', function() {
                    carousel.startAuto(0);
                });

                carousel.buttonPrev.bind('click', function() {
                    carousel.startAuto(0);
                });

                // Pause autoscrolling if the user moves with the cursor over the clip.
                carousel.clip.hover(function() {
                    carousel.stopAuto();
                }, function() {
                    carousel.startAuto();
                });
            };
            jQuery('#carousel').jcarousel({
                auto: 2,
                wrap: 'circular',
                vertical: true,
                initCallback: mycarousel_initCallback
            });

これがそれを行う理由はありますか?アイテムに幅と高さを追加しましたliが、機能しない理由がわかりません

4

1 に答える 1

0

このコードを試してください

$('ul#carousel').jcarousel({
    auto:true,
    scroll:1,  //this number must less than the number of list item you have
    visible:2, //this number must less than the number of list item you have
    vertical: true,
    wrap: 'last',
    initCallback: mycarousel_initCallback
    });
于 2013-06-23T02:08:43.650 に答える