How do I use setTimeout with onmouseout?

JavaScript
1

I have an image that when hovered, another image pops up (this popup image has a ‘learn more’ button on it), but when someone attempts to mouse over the button, the image restores to its original image. I was advised to use ‘setTimeout’ but do not know how to apply it with the following code:

<area shape="poly" coords="594,37,572,51,545,66,514,78,491,71,471,67,451,76,452,99,457,125,467,147,473,160,463,190,469,219,483,239,503,244,528,250,549,279,573,306,609,298,721,211,751,209,738,162,615,41" href="#" onmouseover="MM_swapImage('eitems','','images/BKSSLIndoorOutdoor_over.jpg',1)" onmouseout="MM_swapImgRestore()" />

I understand WHY it’s going back to its original state (the mouse is hovering outside of the area coordinates), but how can I apply the setTimeout script to DELAY the image from going back to its original state?

2

onmouseout=“setTimeout(‘MM_swapImgRestore()’, 2000);”

3

Replace the onmouseout stuff with this:

setTimeout(MM_swapImgRestore, 1000);

The number is in milliseconds.

4

That worked beautifully! Thank you!