Semplice effetto di dissolvenza javascript non funziona in IE7 / 8, bene in altri browser

Question

http://jonesonter.notomato.com.au/ .

Ho un semplice effetto di dissolvenza scritto quando si passa su alcuni elementi della lista posizionati su una pila di immagini che sono tutti assolutamente posizionato sulla parte superiore di ogni altro.

$("#homeNav li").hover(function(){
    //make a variable and assign the hovered id to it
    var elid = $(this).attr('id');
    //hide the image currently there
    $("div#homeImages div").hide();
    //fade in the image with the same id as the selected buttom
    $("div#homeImages div#" + elid + "").fadeIn("slow");

    });

Tuttavia non funzionerà in Internet Explorer.

Ho provato a cercare in giro, ma non riesco a trovare una tecnica semplice dissolvenza che mi lascia; avere una pila di immagini posizionare un insieme di controlli (in questo caso

elementi) quando si passa sopra un particolare controllo una delle immagini sfuma in, gli altri dovrebbero essere nascoste, quella attuale dovrebbe fade out.

IE sembra sempre di avere un errore e non dissolvenza correttamente. Qualcuno sa dove sto andando male?

Answer 1

le seguenti opere per me (variazioni HTML):

<div id="homeImages">
    <div style="display: none; width:950px; height:500px; background:url('http://jonesonter.notomato.com.au/wp-content/themes/jonesonter/img/home-page/conditioned.jpg');" id="homeConditioned"></div>
    <div style="display: none; width:950px; height:500px; background:url('http://jonesonter.notomato.com.au/wp-content/themes/jonesonter/img/home-page/guided.jpg');" id="homeGuided"></div>
    <div style="display: block; width:950px; height:500px; background:url('http://jonesonter.notomato.com.au/wp-content/themes/jonesonter/img/home-page/informed.jpg');" id="homeInformed"></div>
    <div style="display: none; width:950px; height:500px; background:url('http://jonesonter.notomato.com.au/wp-content/themes/jonesonter/img/home-page/shaped.jpg');" id="homeShaped"></div>
    <div style="display: none; width:950px; height:500px; background:url('http://jonesonter.notomato.com.au/wp-content/themes/jonesonter/img/home-page/sustained.jpg');" id="homeSustained"></div>
</div>

Answer 2

un paio di colpi nel buio, torno a casa a letto:)

• So per Prototype che l'effetto di dissolvenza preferisce avere un senza classi, semplice <div> directrly all'interno dell'elemento da sbiadito. Si può provare ad aggiungere questo per ogni immagine?
• Che cosa succede se si dà il layout immagini (ad esempio mediante la proprietà zoom: 1 CSS)
• Che cosa succede se si dà alle immagini un colore di sfondo.