[JavaScript]Pojawianie/Znikanie obrazka, IE nie radzi sobie ze znikaniem Opcje

[b_chmura]

Witam
Kto potrafi znaleźć odpowiedź na fakt, że kod js działający w Mozilli FF nie działa pod IE?
Jeszcze gdyby całkiem nie działał... a nie działa druga część czyli chowanie obrazka.

Odrobinę kodu:

[PHP] pobierz, plaintext 
<?php
<script>
function ShowIt(input)
{
  theobject = input;
  SetShow   = setInterval("show(theobject)",60);
  clearInterval(SetHide);
}
function HideIt(input)
{
  theobject = input;
  SetHide   = setInterval("hide(theobject)",60);
  clearInterval(SetShow);
}
 
function show(input)
{
  if(input.style.MozOpacity < 1)
  {
    input.style.MozOpacity = parseFloat(input.style.MozOpacity) + 0.1;
  }
  else if(input.filters&&input.filters.alpha.opacity < 100)
  {
    input.filters.alpha.opacity += 10;
  }
  else if(window.SetShowg)
  {
    clearInterval(SetShow);
  }
}
function hide(input)
{
 
  if(input.style.MozOpacity != 0)
  {
    input.style.MozOpacity = parseFloat(input.style.MozOpacity) - 0.1;
  }
  else if(input.filters&&input.filters.alpha.opacity != 0)
  {
    input.filters.alpha.opacity -= 10;
  }
  else if(window.SetHide)
  {
    clearInterval(SetHide);
  }
}
</script>
 
<div style="background: url(); height: 425px; width: 340px;">
  <img src="http://www.informel.pl/~bchmura/al_bundy.jpg" style="filter:alpha(opacity=0); opacity: 0; -moz-opacity:0; height: 425px; width: 340px;" onmouseover="ShowIt(this)" onmouseout="HideIt(this)"> 
</div>
?>
[PHP] pobierz, plaintext 

I przykład działania: link


PS: nie wiem jak sprawa wygląda pod operą i starszym IE...

Pozdrawiam

[mecenas]

zauważ, że korzystasz z MozOpacity... I to raczej na pewno tu tkwi przyczyna.

Chcąc, aby witryna działała pod innymi przeglądarkami powinieneś (musisz) skorzystać z rozwiązań bardziej uniwersalnych. Tym bardziej, że można to spokojnie zrobić w js, a już na pewno przy użyciu jQuery.

Rozumiem, że chodzi Ci o efekt fade'ingu? Czy o proste znikanie?
Jakby coś - pisz, znajdziemy rozwiązanie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[b_chmura]

zauważ, że korzystasz z MozOpacity... I to raczej na pewno tu tkwi przyczyna.

Nie do końca, jeśli prezglądarka obsługuje MozOpacity korzysta z MozOpacity, jeśli nie to z pozostałych (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Rozumiem, że chodzi Ci o efekt fade'ingu? Czy o proste znikanie?

Dobrze rozumiesz (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) o stopniowe znikanie.


PS. Zauważ, że pojawianie się w IE działa...

[mecenas]

Wybacz, nie doczytałem może zbyt dokładnie kodu (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Tak czy siak to już reguła, że ie wycina człowiekowi numery. Nie jestem wielkim znawcą tematu, niemniej ja coś podobnego robiłem w jQuery - łącznie jakieś 13 linijek kodu, śmiga także pod ie. Oczywiście pozostaje pytanie o sens dorzucania jQ dla jednej funkcji na stronie (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Jeśli interesuje Cię to rozwiązanie - zajrzyj na docs.jquery.com. Odpowiednia manipulacja fadeIn(), fadeOut() i zabawa z czasem rozwiązuje problem (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) no, chyba że interesuje Cię gotowiec...

W razie pytań - wal śmiało