2

jQueryで模倣したいスライドショーがフラッシュに組み込まれています。スライドショーでは、スライドショーの画像をポケットベル番号として使用します。スライドショー画像にリンクを適用すると、pagerAnchorBuilder画像が画像のsrcに対して未定義を返すという問題があります。

Javascript-

$(function() {
$('#slideshow').before('<ul id="nav">').cycle({
    fx:     'fade',
    timeout: 7000,
    pager:  '#nav',
    pagerAnchorBuilder: function(idx, slide) {
    return '<li><a href="#"><img src="' + slide.src + '" width="100" height="60" /></a></li>';
    }
});  
});

HTML-

<div id="slideshow" class="pics"> 
    <a href="http://google.com"><img src="home_1.jpg" width="1000" height="600" /></a>
    <a href="http://google.com"><img src="home_2.jpg" width="1000" height="600" /></a>
    <a href="http://google.com"><img src="home_3.jpg" width="1000" height="600" /></a> 
    <a href="http://google.com"><img src="home_4.jpg" width="1000" height="600" /></a> 
    <a href="http://google.com"><img src="home_5.jpg" width="1000" height="600" /></a> 

</div>

スライドショーからhrefを削除すると、ポケットベルの画像が問題なく表示されます。これがバグなのか、修正を見つける必要があるのか​​わかりませんか？

ここに答えがあります-

$(function() {
$('#slideshow').before('<ul id="nav">').cycle({
    fx:     'fade',
    timeout: 7000,
    pager:  '#nav',
    pagerAnchorBuilder: function(idx, slide) {
      var img = $(slide).children().eq(0).attr("src");
      return '<li><a href="#"><img src="' + img + '" width="100" height="60" /></a></li>';
    }

});

}）;

4

4 に答える 4

3

私は以前JQuery.find()、画像の検索を支援し、さまざまなマークアップで使用できるようにコードをモジュール化しておくために使用しました。

pagerAnchorBuilder: function(idx, slide) {
    return '<li><a href="#"><img src="'
        + jQuery(slide).find('img').attr('src')
        + '" width="120" /></a></li>'; 
}
于 2010-10-06T09:31:21.513 に答える
2

これを読んでください！

jQueryサイクルpagerAnchorBuilder

于 2010-03-18T17:56:38.913 に答える
1

JVerstryのコメント（1つのJVがいいです！）を参照すると、画像と<a>リンクを使用して次のようにうまくいきました。また、ポケットベルのつまみには、メイン画像のalt属性も表示されます。

return '<li class="slider-thumb"><a href="'+slide.href+'" id="pager-click" title="'+slide.title+'"><img src="'+ $(slide).find('img').attr('src')+'" width="90" height="69" class="fader" /></a><p class="slide-caption">'+ $(slide).find('img').attr('alt')+'</p></li>';
于 2012-11-07T12:57:23.580 に答える
0

一般的な問題のようです！アンカー付きのサイクルとサイクルの「slideExpr」をチェックしてください

于 2010-03-24T20:31:46.520 に答える