Sløv onMouseOver

Tags:    html css

Der er tit hvor jeg kommer ud for, at en onMouseOver effekt bliver langsom. Den reagerer ikke så lynhurtigt som jeg nu synes den skal. Jeg må jo lave en eller anden "flaskehals", men jeg kan aldrig se hvad det er der gør det. Hvad kan man gøre for at undgå dette?



6 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
Der er tit hvor jeg kommer ud for, at en onMouseOver effekt bliver langsom. Den reagerer ikke så lynhurtigt som jeg nu synes den skal. Jeg må jo lave en eller anden "flaskehals", men jeg kan aldrig se hvad det er der gør det. Hvad kan man gøre for at undgå dette?



Heiiii
Nu ved jeg jo ikke hvordan du gør , men du kan preloade dine "swap images" ....
Dette javascript ligges i head.

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
//-->
</script>

<body onLoad="MM_preloadImages('sti/det_billede_der_skal_visis.jpg')">

Håber det kan hjælpe ...

Jonny Højdam

[Redigeret d. 08/11-03 09:01:12 af Jonny Højdam]




Undskyld... Jeg skulle nok lige skrive lidt mere :)

I dette tilfælde, er det blot en tekst der bliver sat ind i et span element, når musen føres over et billede. BIlledet er 14x14 px, og skifter ikke i det musen føres over.

linket:
<a href='mailto:" . $mail . "'><img src='gfx/ikon_mail.jpg' onMouseOver='md" . $row["id"] . ".innerHTML=\\"" . $mail_str . "\\";' onMouseOut='md" . $row["id"] . ".innerHTML=\\"\\";' border='0'></a>

span:
<span id='md" . $row["id"] . "'></span>

Ja der er lidt php blandet ind imellem, men se bort fra det.



Det er så lidt kode at det ikke kan forbedres. Når det er javascript spiller ens egen computer en stor rolle, hvis du altså har en langsom computer kan dette være årsagen.

--
Ronni Egeriis - squirrel development: http://sqdev.dk/



Så må vi jo konkludere at årsagen er uvidst :)
Jeg giver desværre ingen point, da det ikke var årsagen.



Undskyld... Jeg skulle nok lige skrive lidt mere :)

I dette tilfælde, er det blot en tekst der bliver sat ind i et span element, når musen føres over et billede. BIlledet er 14x14 px, og skifter ikke i det musen føres over.

linket:
<a href='mailto:" . $mail . "'><img src='gfx/ikon_mail.jpg' onMouseOver='md" . $row["id"] . ".innerHTML=\\"" . $mail_str . "\\";' onMouseOut='md" . $row["id"] . ".innerHTML=\\"\\";' border='0'></a>

span:
<span id='md" . $row["id"] . "'></span>

Ja der er lidt php blandet ind imellem, men se bort fra det.


Er ikke sikker på at det vil løse dit problem men det er da et forsøg værd.
Prøv at "flytte" dine events over på dit a tag

da det er der de høre hjemme

Hvis det ikke hjælper så må det være fordi at din ikon ikke bliver preloadet

Cws-web

MVH
Claus Pryds



Det er "desværre" menigen at det skal opbygges på denne måde. Når musen føres over det lille billede, bliver adressen vist i et span element, som har en anden position end billedet. Dvs. der hvor teksten kommer frem, er primært usyneligt. (Det står der også i koden) :)



t