0

http://jsfiddle.net/2gktS/21/

基本的に、そこのjfiddleは何が起こっているかを表示します。画像の周囲にスパンタグを使用して、スライダーの画像の下にあるテキストフィールドを有効にし、画像に合わせてテキストを変更できるようにしました。動作しますが、壊れたポケットベルとしてサムネイルを使用しています。

スパンタグを配置してそれらを機能させる方法はありますか？

編集-私が私のページを使用しているjs：

<script type="text/javascript">
$(document).ready(function() {

$('.slideshow')

.cycle({
    fx: 'fade', speed:  2500, pause:   1, next:   '#next', 
prev:   '#prev',  pager:  '#pagernav',
// callback fn that creates a thumbnail to use as pager anchor 
pagerAnchorBuilder: function(idx, slide) { 
   return '<a href="#"><img src="' + $(slide).attr('rel') + '" width="50" height="26" /></a>'; 
}


});


$('#pauseButton').click(function() { 
$('.slideshow').cycle('pause'); 

});

$('#resumeButton').click(function() { 
$('.slideshow').cycle('resume'); 

});

});
</script>
4

2 に答える 2

1

http://jsfiddle.net/2gktS/25/

スライドは、スパンタグを含むスライドオブジェクト全体です。オブジェクトからimgタグを取得する必要があります。

jQueryコンストラクターは、選択のコンテキストをオーバーライドするために使用できる2番目のパラメーターを受け入れます。

jQuery("img", slide);

と同じです

jQuery(slide).find("img");

したがって、スクリプトの場合：

pagerAnchorBuilder: function(i, slide) {
        var src = $("img", slide).attr("rel");

        return '<a href="#"><img src="' + src + '" width="50" height="50" /></a>';
    }
于 2012-07-25T10:20:49.623 に答える
0

Flow Sliderを使用してみてください。これは非常に簡単で、ほとんどすべての内部HTMLコードで機能します。

于 2012-07-25T18:29:36.733 に答える