JavaScript Mouse Over Image - New Window

Pop up in a new window when mouse over picture links. You can also use this code to control the new window menu bar, status, size and so on.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language='javascript'>
function winopen () {
msg=open("","NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=400,height=400");
msg.location = "YOUR LINK LOCATION"
}
</script>

Insert this code into <body> tags

<a href="" onMouseOver="winopen(); return true;"><IMG SRC="YOUR IMAGE FILE" border="0"></a>

Instruction:

Change the following text:

Use "yes" or "no" to open or close the new window function.
width=400,height=400 - Control the width and height pixel values of the new window.
YOUR LINK LOCATION - New window site/image URL.
YOUR IMAGE FILE - Thumbnail or image file URL.

Webmaster » Web Programming » JavaScript » Mouse Over Script » Image - New Window

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links