Простой эффект затухания JavaScript не работает в IE7 / 8, хорошо в других браузерах - PullRequest
Новая
       11

Простой эффект затухания JavaScript не работает в IE7 / 8, хорошо в других браузерах

0 голосов
/ 15 декабря 2009

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

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

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

Я пытался искать, но не могу найти простой метод исчезновения, который позволил бы мне; есть стопка изображений позиционировать набор элементов управления (в данном случае

элементов) когда вы наводите курсор на определенный элемент управления одно из изображений исчезает, все остальные должны быть скрыты, текущее изображение должно исчезать.

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

Ответы [ 2 ]

0 голосов
/ 15 декабря 2009

у меня работает следующее (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 голосов
/ 15 декабря 2009

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

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