0

jQuery Cycle プラグインを使用して、メイン画像がアンカーでラップされ、サムネイル ナビゲーションもあるスライドショーを作成しています。基本的に、jQuery Cycleのデモ ページと同じコードを使用しています。画像をリンクでラップすると、サムネイルが壊れました。「slide.src」を削除しようとしまし$('#slideshow img).attr('src')たが、それでも未定義として返されます。

$('#slideshow').before('<ul id="slideshow-nav">').cycle({
 fx: 'fade',
 speed: 'slow',
 timeout: 0,
 pager: '#slideshow-nav',

 pagerAnchorBuilder: function(idx, slide){
 return '<li class="thumbnail"><a href="#"><img class="rounded" src="' + slide.src + '" width="137" height="129" /></a><span class="highlight"></span><span class="gloss"></span></li>';
 }
});

そして私のhtmlはこれです。

<div id="slideshow">
 <a href="#"><img src="images/gyro.jpg"  alt="Gyro"></a>
 <a href="#"><img src="images/gyro.jpg"  alt="Gyro"></a>
 <a href="#"><img src="images/gyro.jpg"  alt="Gyro"></a>
 <a href="#"><img src="images/gyro.jpg"  alt="Gyro"></a>
 </div>
4

2 に答える 2

0

に有効な HTML フラグメントを提供する必要があります$.before()。</ul>現在、終了タグはありません。これを行う最もクリーンな方法は、タグをセルフクローズすることです:

$('#slideshow').before('<ul id="slideshow-nav" />').cycle({ ...

console.log($("#slideshow-nav"));Webkit ブラウザで Firebug または開発者ツールを使用している場合は、コールバック関数を記述するか、またはコールバック関数でjQuery が検出している要素をいつでも確認できconsole.log($(slide));ます。

于 2010-12-01T15:47:11.907 に答える
0

なんらかの理由で画像を壊していたサムネイルを変更しているスクリプトの他の場所でエラーを見つけたことは気にしないでください。

于 2010-12-01T16:07:12.337 に答える