jQuery Question générale (plugin de cycle)

Question

Actuellement, cela fonctionne, sauf que slide.src n'est pas défini car, par défaut, slide.src cherche d'abord une balise src image, mais la balise src de l'image se trouve maintenant dans les propriétés div.

Alors, comment puis-je changer le javascript + slide.src + pour être (ou obtenir) l'image à l'intérieur des propriétés div.

Voir

<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>'; 
    } 
}); 

Answer 1

Pour obtenir l'image contenue dans la diapositive div, vous devez utiliser: $(slide).children('img').attr('src')

Voici le code complet:

$('#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>'; 
    } 
}); 

Answer 2

Merci beaucoup José! J'avais besoin de la même chose, mais la mienne était un gros pire;)

$(slide).children('div').children('span').children('a').children('img').attr('src')