2009-12-15 1 views
0

См. http://jonesonter.notomato.com.au/.Простой эффект затухания javascript не работает в IE7/8, отлично в других браузерах

У меня есть простой эффект затухания, записанный при наведении на некоторые элементы списка, расположенные над стопкой изображений, которые абсолютно расположены друг на друга.

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

    }); 

Однако он не будет работать в Internet Explorer.

Я пробовал искать, но не могу найти простую технику выцветания, которая позволит мне; имеют стопку изображений положение набора элементов управления (в данном случае < li> элементов) , когда вы наведите указатель мыши на определенный элемент управления одно из изображений затухает, остальные должны быть скрыты, текущий должен исчезать ,

IE всегда, кажется, имеет ошибку и не исчезает должным образом. Кто-нибудь знает, где я ошибаюсь?

+0

Off-темы. Вам нужен апостроф в «клиенте» на вашем сайте. – Nosredna

+0

Кроме того, «laborartory». Орфография. Я знаю, что это не имеет большого значения для вас прямо сейчас, но это заставляет меня бояться. :-) – Nosredna

ответ

0

следующие работы для меня (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> 
+0

Работает для меня тоже, большое спасибо. – Chris

0

Несколько выстрелов в темноте, я иду домой спать сейчас :)

  • Я знаю от прототипа, что эффект замирания предпочитает иметь бесклассовое, просто <div> directrly внутри элемента, который будет утрачен. Можете ли вы попробовать добавить это к каждому изображению?
  • Что произойдет, если вы дадите макет изображения (например, с использованием свойства CSS zoom: 1)
  • Что произойдет, если вы дадите изображения цвет фона.

 Смежные вопросы

  • Нет связанных вопросов^_^