0

メイン画像の下にサムネイルを含むページャーを取得するために、jQueryCycle プラグインに取り組んでいます。これは私が取り組んでいるチュートリアルです。 http://digitalunion.osu.edu/2011/10/18/jquery-cycle-plugin-a-little-tutorial/

以下は、私が取り組んでいる私のjQueryコードです

$(document).ready(init);

function init() {
// dynamically add a div to hold the slideshow's pager
$(".bison_images").before('<div class="pager"></div>');

// now to use the cycle plugin
$(".bison_images").cycle({
    pause: 1,
    pager: ".pager",
    pagerAnchorBuilder: imagePager
}); 
 }

  function imagePager(index, slide) {
var slide = jQuery(slide);
var img = slide.children("img").get(0);
return '<a href="#"><img src="' + img.src + '" width="110" height="66" /></a>'; 
 }

ここでは、上に貼り付けたリンクの例と同じ出力が得られます。しかし、メイン画像の下にページャーが必要です。次のコマンドで試しましたが、成功しませんでした。

 $(".bison_images").after('<div class="pager"></div>');

誰でも私に解決策を提案できますか。

ラケシュ

4

1 に答える 1

0 
enter code here

これが機能することを確認してください...

 $('.bison_images').after('<div class="pager">').cycle({
            fx:     'scrollHorz',
            speed:  'slow',
            timeout: 9000,
            pager:  '.pager',
            pagerAnchorBuilder: function(idx, slide) {
   var slide = jQuery(slide);
   var img = slide.children("img").get(0);
   return '<a href="#"><img src="' + img.src + '" width="110" height="66" /></a>';
}
        });
于 2013-03-21T15:19:16.997 に答える