2009-06-15 24 views
1

現在、slide.srcは未定義ですが、デフォルトでは、slide.srcは画像srcタグを最初に探していますが、画像srcタグはdivプロパティ内にあるため動作しません。jQuery一般的な質問(サイクルプラグイン)

どうすればjavascript + slide.src +を変更してdivプロパティ内の画像にすることができますか?

ビュー

<div id="properties"> 
<?php foreach($search_results->result() as $row) :?> 
<div id="<?=$row->mls_listing_id?>"><br> 
Listing ID : <?=$row->mls_listing_id?><br> 
State: <?=$row->sale_price?><br> 
State: <?=$row->mls_state_code?><br> 
MLS Office: <?=$row->mls_office_name?><br> 
Office Number: <?=$row->mls_office_phone?><br> 
Photo: **<img src="<?=$row->photo_url?>" width="175" height="137" /**><br> 
</div><!--END specific id div --> 
<?php endforeach; ?> 

</div><!--End Properties DIV --> 

javascriptの

$('#properties') 
.before('<ul id="propnav">') 
.cycle({ 
    fx: 'scrollHorz', 
    next:'#next', 
    prev:'#prev', 
    pager: '#propnav', 
    delay: -1000 , 
    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
     return '<li><a href="#">**<img src="' + slide.src + '"** width="50" height="50" /></a></li>'; 
    } 
}); 

答えて

1

はdivのスライドに含まれる画像を取得するには、使用する必要があります。

$('#properties') 
.before('<ul id="propnav">') 
.cycle({ 
    fx: 'scrollHorz', 
    next:'#next',  
    prev:'#prev', 
    pager: '#propnav', 
    delay: -1000 , 
    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
     return '<li><a href="#">**<img src="' + $(slide).children('img').attr('src') + '"** width="50" height="50" /></a></li>'; 
    } 
}); 
$(slide).children('img').attr('src')

はここで完全なコードです

+0

ありがとうございます。私はまだjqueryとjsを学んでいます。 もう一度ありがとうございます。 – jBeas

0

ありがとうホセ!私も同じことが必要でしたが、私の方はさらに悪いです)

$(slide).children('div').children('span').children('a').children('img').attr('src') 
関連する問題