Hi,
In the Javascript jungle and with all my newbieness, I’m afraid I’m a bit lost!
So I have this website I’m working on and which is divided in 2 horizontal parts. You jump from one part to the other through a scrollTo script which make the second part slide to the left and replace the first part.
I want that when the mouse hover the right of the window, the second part slide through, and vice-versa when the second part is shown: hovering on the left of the window will slide back the first part.
I used an image of 500×20 for the trick, which when hovered do as told above.
The script is thus:
onMouseover=” $(‘#wrapper’).scrollTo($(this).attr(‘href’), 1000;”
Now it works, but when the second part slides to the left to be shown, the mouse is very likely to hover the second image (the one which allow to go back to the first part), and then slide back wether you like it or not… and maybe slide again to the left, then to the right… etc… because the mouse always hover on the 500×20 image which serves as a trigger.
So, and all of those explanations just for that, I want to set a delay, but this code doesn’t work:
onMouseover=”setTimeout( $(‘#wrapper’).scrollTo($(this).attr(‘href’), 1000 ), 5000);”
I thought that by adding function() in front of the call it would work, but to no avail.
Has someone the slightest idea how to delay my call ? Or, if you visualize what I described, know a better way to achieve what I want ?
