0

jCarousel プラグイン サイトには、循環カルーセルを実行する方法の例がありますが、動的に生成されたコンテンツを使用しています。静的コンテンツでまったく同じことを行う方法を知りたいです。

動的コンテンツを使用した jCarousel 循環の例を次に示します:
http://sorgalla.com/projects/jcarousel/examples/special_circular.html

また、定期的に更新されるサイトのためにこれを行っているため、表示するリスト項目が 3 つしかない場合に、前と次のボタンが表示されないようにするにはどうすればよいですか?

4

2 に答える 2

0

lastループさせるには、 init 関数にwrap: を追加するだけです。

于 2010-08-05T14:47:00.500 に答える
0

その例は動的コンテンツを使用しておらず、静的コンテンツを使用しています。ロードしている画像のリストは次のとおりです。

var mycarousel_itemList = [
    {url: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg', title: 'Flower1'},
    {url: 'http://static.flickr.com/75/199481072_b4a0d09597_s.jpg', title: 'Flower2'},
    {url: 'http://static.flickr.com/57/199481087_33ae73a8de_s.jpg', title: 'Flower3'},
    {url: 'http://static.flickr.com/77/199481108_4359e6b971_s.jpg', title: 'Flower4'},
    {url: 'http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg', title: 'Flower5'},
    {url: 'http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg', title: 'Flower6'},
    {url: 'http://static.flickr.com/58/199481218_264ce20da0_s.jpg', title: 'Flower7'},
    {url: 'http://static.flickr.com/69/199481255_fdfe885f87_s.jpg', title: 'Flower8'},
    {url: 'http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg', title: 'Flower9'},
    {url: 'http://static.flickr.com/70/229228324_08223b70fa_s.jpg', title: 'Flower10'}
];

そのページのコードで何がうまくいかないのですか?

コメントに混乱している場合：

<!-- The content will be dynamically loaded in here -->

つまり、次のコードによって、ページの読み込み時にカルーセルが開始されるということです。

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});
于 2009-09-07T15:05:37.507 に答える