starke verzögerung bei mouseover effekt!

N

ne1

Grünschnabel
hi!

ich habe folgendes problem bei meinem ersten design,
es geht vermutlich um ein javascript.

bei einem mouseover, sollen insgesamt zwei bilder ausgetauscht werden.
dies funktionierte ohne grössere verzögerungen, bis ich die beim mouseover erscheinenden bilder per div-tag von beginn an auf die seite setzte,
allerdings auf eine minimale grösse reduziert, so dass sie zunächst unsichtbar sind.
seitdem gibt es eine riesige verzögerung zwischen mouseover und dem austausch der bilder.

hier ist der code:
PHP: 
<html>

<head>
<title>upper frame</title>
<base target="Hauptframe">

<script language="JavaScript">
// Created by Doug Popeney - dpopeney@polymail.calpoly.edu
// JavaScripte von http://internter-partner.de
if (navigator.appVersion.indexOf("2.") != -1){
	check = false;}
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
	check = false;}
else {
	check = true;}
image0 = new Image();
image0.src = "button.gif";
image0on = new Image();
image0on.src = "hover.gif";
image0alt = new Image();
image0alt.src = "navibutton.gif";
image0alton = new Image();
image0alton.src = "naviaboutme.gif";
image1 = new Image();
image1.src = "button.gif";
image1on = new Image();
image1on.src = "hover.gif";
image1alt = new Image();
image1alt.src = "navibutton.gif";
image1alton = new Image();
image1alton.src = "navisayings.gif";
image2 = new Image();
image2.src = "button.gif";
image2on = new Image();
image2on.src = "hover.gif";
image2alt = new Image();
image2alt.src = "navibutton.gif";
image2alton = new Image();
image2alton.src = "navicontact.gif";
image3 = new Image();
image3.src = "button.gif";
image3on = new Image();
image3on.src = "hover.gif";
image3alt = new Image();
image3alt.src = "navibutton.gif";
image3alton = new Image();
image3alton.src = "navilinks.gif";
image4 = new Image();
image4.src = "button.gif";
image4on = new Image();
image4on.src = "hover.gif";
image4alt = new Image();
image4alt.src = "navibutton.gif";
image4alton = new Image();
image4alton.src = "navigb.gif";

function imageon(name)   {
	document[name].src = eval(name + "on.src");
	document["altimg"].src = eval(name + "alton.src");
}
function imageoff(name)  {
	document[name].src = eval(name + ".src");
	document["altimg"].src = eval(name + "alt.src");
}
function on(name)  {
	if (check == true){
		imageon(name);}
}
function off(name)  {
	if (check == true){
		imageoff(name);}
}
</script>


</head>

<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" background="back.bmp">
<div style="position: absolute; left: 1px; top: 1px;">
    <img src='hover.gif' border='0' width="1" height="1">
    <img src='naviaboutme.gif' border='0' width="1" height="1">
    <img src='navisayings.gif' border='0' width="1" height="1">
    <img src='navicontact.gif' border='0' width="1" height="1">
    <img src='navilinks.gif' border='0' width="1" height="1">
    <img src='navigb.gif' border='0' width="1" height="1">
</div>

<div style="position: absolute; left: 0px; top: 0px;"><img src='upv10.gif' border='0' width="722" height="194"></div>
<div style="position: absolute; left: 48px; top: 119px;"><a href="link.htm"  onmouseover="on('image0');" onmouseout="off('image0')"><img src='button.gif' border='0' name='image0' width="30" height="31"></a></div>
<div style="position: absolute; left: 83px; top: 119px;"><a href="link2.htm" onmouseover="on('image1');" onmouseout="off('image1')"><img src="button.gif" width="30" height="31" name='image1' border="0"></a></div>
<div style="position: absolute; left: 116px; top: 119px;"><a href="link3.htm" onmouseover="on('image2');" onmouseout="off('image2')"><img src="button.gif" width="30" height="31" border="0" name='image2'></a></div>
<div style="position: absolute; left: 149px; top: 119px;"><a href="link4.htm" onmouseover="on('image3');" onmouseout="off('image3')"><img src="button.gif" width="30" height="31" border="0" name='image3'></a></div>
<div style="position: absolute; left: 182px; top: 119px;"><a href="http://www.guestbook4you.de/cgi-bin/gb/anzeigen.cgi?benutzer=homey" onmouseover="on('image4');" onmouseout="off('image4')" target="blank"><img src="button.gif" width="30" height="31" border="0" name='image4'></a></div>

<div style="position: absolute; left: 377px; top: 150px;"><img border="0" src="navibutton.gif" width="150" height="30" name="altimg"></div>
</body>
</html>

die seite findet ihr hier

ich bin für jeden rat dankbar!
liegt es an dem script?
(die grösse [in kb] der bilder dürfte aufgrund der div-tags ja unerheblich sein)

edit: sorry für die breite der php-box, wenns stört mach ichs oder eben ein admin weg.
 
Zuletzt bearbeitet:
ich weiß nicht, wo das prob ist. bei mir gibbet beim mouseover keine verzögerung - jedenfalls, wenn du meintest, das der mousover verzögert eintritt :-)

klär mich auf ;)
 
keine verzögerung? da bist du schon der zweite...
ein typ mit ie 5.1 hatte keine, ein weiterer mit ie 5.5 und ich mit 6.0 haben alle starke verzögerungen.

konkret: ich fahre mit der maus über einen der menü-kreise. dann sollten möglichst zeitgleich (sinn des mouseovers ;)), zwei bilder ausgetauscht werden. dies geschieht bei mir aber mit ca 3 sekundne verspätung... das ist mir ein rätsel!?
 
das ist mir unerklärlich.
wie kann es so gravierende unterschiede geben?
verdammt...

die ganze seite wird dadurch unbrauchbar.

ansonsten wäre ich für kritik was das design angeht sehr dankbar, ist ja mein erster versuch!
 
naja im eimer ist die seite ja nicht gleich wenns nur bei dir nicht klappt :p

ansonsten bilder etwas komprimieren ggf.
 
also ich hab auch keine verzögerung :-)
aber das könnte bei langsamen pcs durchaus auftreten......vor allem mit css-filtern (was ja jetzt hier nicht der fall ist)
 
Original geschrieben von CoMaSoUl
ansonsten bilder etwas komprimieren ggf.
Zum Vergrößern anklicken....

das dürfte nichts nützen, da die bilder ja schon beim laden der seite mitgeladen werden (durch das div) und nicht beim mouseover.

ansonsten danke für die hilfe, heute hab ich aus mir unerklärlichen gründen auch keine probleme mehr mit dem script. :rolleyes:
 
Original geschrieben von Dunsti
also ich hab im IE 6 auch keine Verzögerung !!!
Zum Vergrößern anklicken....

ich ja heute auch nicht mehr, komisch... am server konnte es aber eigentlich auch nich liegen... hmhmhm

ansonsten thx für das kompliment, ich bin noch nicht ganz zufrieden damit, aber bald wirds fertig sein.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück