Jquery attribut rel est tout visser

Question

C'est ma dernière question, j'espère pour aujourd'hui: P. J'ai .photo divs avec différentes images chacun. code html ci-dessous:

<div class="photo"><!-- Start Photo --> 
<div class="transparency"></div> 
    <div class="performer"><p><? echo $perf; ?></p></div> 
    <a href="<?php the_permalink(); ?>" class="jquery" rel="<? echo ''.$perf.''; ?>"><img src="<? echo ''.$pic.''; ?>" width="180" height="135" alt="<? echo ''.get_the_title().''; ?>" style="display:block"/></a> 
</div><!-- End Photo --> 

C'est ce que mon code jquery fait: quand je passe la souris une div photo, il charge un film flash. Lorsque je quitte cette division, je souhaite que la photo initiale s'affiche.

Voici mon code jquery:

$(".photo").hoverIntent(function() { 
    $(this).html('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,24,0" width="100" height="100"><param name="movie" value="http://static.awempire.com/flash/live_feeds/live_feed.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="flashvars" value="appletroot=http://static.awempire.com/flash/live_feeds/&appletskin=template8/template01.swf&appletcol=900000&psid=ddany23&campaign_id=20520&pstour=t1&psprogram=REVS&site=jsm&flags=137438953473,137438953504,1,32&lp_lang=auto" /><embed src="http://static.awempire.com/flash/live_feeds/live_feed.swf" width="100" height="100" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" flashvars="appletroot=http://static.awempire.com/flash/live_feeds/&appletskin=template8/template01.swf&appletcol=900000&psid=ddany23&campaign_id=20520&pstour=t1&psprogram=REVS&site=jsm&flags=137438953473,137438953504,1,32&lp_lang=auto"></embed></object>'); 
}, function() { 
    $(this).html('' + $(".jquery").attr("rel") + ''); 
}); 

Le problème est, le rel ne corespond pas à chaque image. Je veux dire, il obtient le rapport à l'immédiat .photo div, les mélanges, etc ... assez étrange

Cela devrait fonctionner, je devrais avoir le corespondant correspondant à son propre .photodiv. :(

Answer 1

travail Made id comme ceci:

$(".photo").hoverIntent(function() { 
    $(this).html('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,24,0" width="100" height="100"><param name="movie" value="http://static.awempire.com/flash/live_feeds/live_feed.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="flashvars" value="appletroot=http://static.awempire.com/flash/live_feeds/&appletskin=template8/template01.swf&appletcol=900000&psid=ddany23&campaign_id=20520&pstour=t1&psprogram=REVS&site=jsm&flags=137438953473,137438953504,1,32&lp_lang=auto" /><embed src="http://static.awempire.com/flash/live_feeds/live_feed.swf" width="100" height="100" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" flashvars="appletroot=http://static.awempire.com/flash/live_feeds/&appletskin=template8/template01.swf&appletcol=900000&psid=ddany23&campaign_id=20520&pstour=t1&psprogram=REVS&site=jsm&flags=137438953473,137438953504,1,32&lp_lang=auto"></embed></object>'); 
}, function() { 
    $(this).html('' + $(this).attr("title") + ''); 

}); 

Gave la photo div un titre à la place.

Answer 2

$(".jquery").attr("rel") traduit pour me donner les éléments avec la classe jquery et obtenir l'attribut rel. Mais vous n'avez attribué une classe à vos images. Je vous conseille de consulter le contenu HTML généré et voir si elle est juste

.

Answer 3

$(".jquery").attr("rel") obtiendra l'attribut rel du premier élément avec classe « jquery » (sur l'ensemble du document). Vous voulez obtenir le rel de l'élément .jquery dans le bloc actuel, qui serait

$(".jquery", $(this)).attr("rel") 

ou entièrement:

$(this).html('' + $(".jquery", $(this)).attr("rel") + '');