jQuery Opazität auf schweben

Question

Bitte, helfen, diese jQuery-Funktion neu zu schreiben:

$(".gallery dt a img").fadeTo("fast", .7); 
$(".gallery dt a").hover(function() { 
    $(this).fadeTo("fast", 1) 
}, 
function() { 
    $(this).fadeTo("fast", .7) 
}); 

Hier ist ein html:

<dl class="gallery"> 
    <dt><a href="#"><img /></a></dt> 
    <dd><a href="#">text</a></dd> 
</dl> 

Bild erscheint (Opazität: 1) wenn ich schweben auf einen Link in <dt> Tag , wie kann ich dies ändern, um ein Bild erscheinen zu lassen, wenn ich einen Link in beiden <dt> und <dd> Tags schwebe?

Niemand weiß?

Answer 1

können Sie verwenden:

$('.gallery-small dl:children a') 

Answer 2

Ich denke, seth die richtige Auswahl für den Hover hat, aber im Schwebe ich glaube, Sie einen Verweis auf das Bild, bräuchten sich stattdessen $(this) zu verwenden. Vielleicht so etwas wie:

var img = $(".gallery-small dt a img"); 
img.fadeTo("fast", .7); 
$('.gallery-small dl:children a').hover(function() { 
    img.fadeTo("fast", 1) 
}, 
function() { 
    img.fadeTo("fast", .7) 
}); 

Answer 3

Wenn ich Sie richtig bin zu verstehen, können Sie das Bild angezeigt werden soll, wenn Sie entweder über das Bild bewegen, oder den Text mit ihm verbunden ist. Ist das korrekt? Wenn ja, sollte diese Lösung für Sie arbeiten:

$(".gallery dt a img").fadeTo("fast", .7); 
$(".gallery a").hover(function() { 
    $(this).closest("dl").children("dt").children("img").fadeTo("fast", 1) 
}, 
function() { 
    $(this).closest("dl").children("dt").children("img").fadeTo("fast", .7) 
}); 

Dies ist wahrscheinlich weiter vereinfacht werden kann, wenn jemand irgendwelche Ideen werfen ‚em da draußen hat.