Just nu i M3-nätverket
Jump to content

Problem med uppdatering av bild


marb

Recommended Posts

Jag vill att en bild ska glida iväg ett visst antal punkter när man håller musen över en länk. Men bilden "hoppar" bara iväg till sin slutposition.

Antar att det beror på att javascript är "slött".

 

Den viktiga koden nedan.

 

 

function starta(){

for(var j=0;j < 200; j++){

setTimeout('bytbild()', 100);

document.all.bild1.style.left = 200 + j;

}

}

 

function bytbild(){}

 

 

<a href="#" onMouseOver="starta()">Test</a>

<img src="bild.jpg" style="position: absolute; top: 10pt; left: 200pt" name="bild1">

 

 

[inlägget ändrat 2004-06-28 19:10:54 av marb]

Link to comment
Share on other sites

Anjuna Moon

Pröva det här istället. Start glidningen med SlideTo(slutPos,stegStorlek)

 

[log]

<html><head>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var oImg,oTimer,sx,blActive;
function SlideTo(ex,dx) {
	oTimer=setInterval("Slide("+ex+","+dx+")",50);
}
function Slide(ex,dx) {
	sx+=dx;
	oImg.style.left=sx;
	if (sx>ex)
		clearInterval(oTimer);
}
function init() {
	oImg=document.getElementById("bild1");
	sx=parseInt(oImg.style.left);
	blActive=false;
}
//-->
</SCRIPT>
</head>
<body onload="init();">
<a href="#" onMouseOver="if(!blActive) SlideTo(400,15);">Test</a>
<img src="bild.gif" style="position:absolute;top:10px;left:200px" id="bild1">
</body></html>

[/log]

AnjunaMoon

____________________________________________________________

/* There is nothing more permanent than a temporary solution... */

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...