Mouse Slider Effect

[mike10101]

Hi,

I written the following script:

function changeWidth(elm,toWidth){

var width = parseInt(elm.style.width);
var change = toWidth-width;
var total=width+Math.round((change/2));
var timer;

elm.style.width=total+'px';

function c() {
changeWidth(elm,toWidth);
}

if(change==-1 ) {
change=0; }

if(change==0 ) {
clearTimeout(timer);
return;
}
timer=setTimeout(c,1);
}

Demo:

http://www.beyondsportsmarketing.co.uk/home.asp

Question: Is it possible to stop this script being executed until it has arrived at the destination. I almost need to be able to lock out MouseEvents until the function returns. Currently it breaks if you roll over the links too quickly. Any help would be very appreciated. Really dont want to do this in Flash.

Cheers,

Mike

 

[BillyRayPreachersSon]

If you don't want "changeWidth" to be called again until it has finished, you could use a boolean variable as a flag.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]