Verzögert IE MouseOver-Effekt ???
Thias
- javascript
0 Dieter Raber0 Thias
0 Gernot Back0 ABC
Guten Abend allerseits!
Ich suche schon seit Tagen nach ein Antwort auf die Frage, ob (und warum) der IE 6 manche mouseover Aktionen verzögert darstellt.
Ich habe mir mit DW MX einen einfachen mouseover-Effekt erstellt, der eine Grafik gegen eine andere austauscht.
Schaue ich mir meine Seite in der DW Vorschau an (mit der F12 Taste), dann wird der Bildwechsel blitzschnell, also korrekt, durchgeführt.
Wenn ich die Seite dann online stelle und im Netz anschaue, dann wird der mouseover-Effekt deutlich verzögert dargestellt (ca. 1 Sekunde).
Zuerst dachte ich mir, dass es evtl. am aufgequollenen Monster-Code von DW MX liegen könnte, und habe daher den schlanken Code von der SELFHTML Seite getestet. Doch leider wird auch damit der mouseover-Effekt verzögert dargestellt, wenn ich die Seite online anschaue.
Schaue ich mir meine Seite von einem PC von meiner Arbeitsstelle an, dann wird der mouseover-Effekt komischerweise korrekt dargestellt - ohne Verzögerung! Der Browser ist ebenfalls IE 6.
An der Größe der Grafiken liegt es auch nicht, da ich verschiedene Größen getestet habe. Die Verzögerung ist mit 17 KB gleich lang wie mit 1 KB großen Bildern.
Woran könnte diese Verzögerung liegen? Habe schon an einigen Internetoptionen im IE rumgespielt - ohne Ergebniss. Kennt jemand diese "Erscheinung" und kann mir evtl. einen Tipp geben, wie man dies abstellt/unterbindet?
Gruß Thias
Hallo Thias,
Hast du es mit Bildern zu tun, die du nicht vorlaedst?
Du solltest vielleicht mal etwas Code oder eine URL posten, damit man sieht, was passiert.
Gruß,
Dieter
Moin!
Also einen Pre-Loader habe ich nicht eingebaut - es könnte evtl. wirklich daran liegen. Das würde erklären, warum der Bildwechsel zu Hause über die analoge 56K Verbindung so langsam von sich geht, hier auf der Arbeit aber sehr flott (deutlich kleinere Verzögerung).
Allerdings verstehe ich dann nicht, warum der Wechsel über die langsame analoge Leitung sowohl bei 17 KB großen, als auch bei 1 KB großen Bildern gleich langsam ist!?
Habe es mit diesen zwei Bildgrößen mal spaßeshalber getestet und der Wechsel war beidesmal gleich verzögert.
Desweiteren ist hier auf der selfhtml Seite ja ein Beispiel angegeben, wie die mouseover Funktion funktioniert. Auf der Beispielseite (http://de.selfhtml.org/javascript/beispiele/anzeige/buttons.htm) funktioniert der mouseover Effekt auch bei mir zu Hause über die langsame analoge Leitung blitzschnell - ohne Verzögerung!
Den Code habe ich fast 1:1 übernommen, wie man unten sehen kann.
Und auf der selfhtml Seite wird auch kein PreLoader genutzt, wenn ich das recht sehe, oder? Woher kommt dann diese ominöse starke Verzögerung?
Das alles verwirrt mich doch ziemlich...
-------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>tolle Seite</title>
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "side-images/bball_1.jpg"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "side-Images/bball_inv.jpg"; /* erste Highlight-Grafik */
/* usw. fuer alle weiteren zu benutzenden Grafiken */
function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
</head>
<body bgcolor="#FFFFFF" text="808080" link="808080" vlink="808080" alink="808080" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<p>
</p>
<div align="center">
<p><br>
<a href="" onMouseOver="Bildwechsel(0, Highlight1)" onMouseOut="Bildwechsel(0, Normal1)"><img src="side-images/bball_1.jpg" border="0"></a>
</p>
</p>
letzte Aktualisierung: Mo, 07. August 2006</font></strong></p>
</body>
</html>
-------------------------------------------------------------------
Hallo Thias,
Hast du es mit Bildern zu tun, die du nicht vorlaedst?
Du solltest vielleicht mal etwas Code oder eine URL posten, damit man sieht, was passiert.Gruß,
Dieter
Hallo Thias,
Woran könnte diese Verzögerung liegen? Habe schon an einigen Internetoptionen im IE rumgespielt - ohne Ergebniss. Kennt jemand diese "Erscheinung" und kann mir evtl. einen Tipp geben, wie man dies abstellt/unterbindet?
Es könnte in der Tat an den Einstellungen deines IE liegen:
http://forum.de.selfhtml.org/archiv/2005/9/t114794/#m732557
Gruß Gernot
Nein er verzögert nichts absichtlich. Er läd vermutlich nur die von Dir verwendete Mouseover-Grafik vom Server.
Ich vermute mal in DW hat Dir die Software das mit Javascript gelöst. Dann wäre ein Preloader möglich. Dann läd er die Grafik nachdem er die HTML-Seite gelaen hat, bzw währendessen. Sobald die HTML-Seite fertig geladen ist hat er dannauch schon das Bild.
Oder du optimierst Deine Grafiken s dass das nachladen bei einer halbwegs schnellen Internetverbindung schnell von statten geht. Ein wenig verzägerung wird aber immer bleiben. Stört aber niemanden ist schließlich überall so.
Oder wenn Du Deinen Hover/Mouseover mit CSS gelöst hast: satt das Bild auszutauschen baust Du eine Grafik die beide Zustände enthällt, wovon aber nur der eine (also die Hälfte) sichtbar ist. Anstatt die Hintergrundgrafik auszutauschen verschiebst du sie so weit dass dann der andere Teil sichtbar wird.