3

私は考えられるすべてのスライドショースクリプトを試してきましたが、これを行う方法を思い付くことができません。

上にスライドしたい（または下にスライドしたい（重要ではない）テキストを含む画像の垂直リストがあるので、最初の項目はリストの最後に移動し、2番目の項目は上にスライドします。ただし、すべてのリストアイテムが常に表示されるので、いくつか表示してからスクロールするだけではなく、それが理にかなっていると思います。簡単だと思いました。自動スクロール/スライドもしたいのですが。私は本当に助けていただければ幸いです、私はこれに苦労してかなりの時間を費やしました。

わかりやすくするために、基本的なテキスト表現を次に示します。

liのリスト：

[1]
[2]
[3]
[4]
[5]

になります：

[2]
[3]
[4]
[5]
[1]

とループ。

更新：jCarouselで部分的に動作するようになりました：http：//jsfiddle.net/Y9Esg/

唯一の問題は、スクロールした後もimgの一部が上部に表示されることです。これは、最後に表示されるはずです。そして、そのリストは増え続けているようですか？10個のアイテムに十分な長さである必要があります。うーん。

4

1 に答える 1

0

jCarousel を試す: http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

垂直にして、いくつかの設定でループすることができます。

jQuery('#mycarousel').jcarousel({
    vertical: true,
    scroll: 1, 
    wrap: 'circular'
});

編集 1

高さを修正するには、次の高さとオーバーフロー css を残す必要があります。

CSS

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 850px; // This fixes the height
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden; // This prevents the overflow
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 850px; // This fixes the height
}

デモ

于 2012-12-09T21:50:48.340 に答える