Image pop-up

Pop-up Images

An image is displayed in a pop-up window when you click on the thumbnail of that image.
Pop-up window will be opened as the top window and closed when you leave the main window.
Easy to implement on your web page.

Click on Thumbnail to view

Picture #1 - This is my dog named Buttons..
Picture #2 - This is Button's friend, Tiva.

Visit my site for instructions.
More scripts like this are also available!

<HTML> <Title>Image pop-up</Title> <HEAD> <TITLE>Multiple pop-up Windows</TITLE>  <SCRIPT Language="JavaScript">  </SCRIPT> <SCRIPT Language="JavaScript1.1"> // for Netscape 3+ and IE 4+  </SCRIPT> </HEAD> <BODY bgcolor="white" text="#666666" link="40E0D0" vlink="008080" onUnload="closePopImg()">  <CENTER> Pop-up Images </Center> <CENTER> <TABLE border=0 cellpadding=0 cellspacing=0> <TR><TD> An image is displayed in a pop-up window when you click on the thumbnail of that image. Pop-up window will be opened as the top window and closed when you leave the main window. Easy to implement on your web page. </TD></TD></TABLE> </CENTER> <CENTER> <TABLE border=1 cellpadding=6 cellspacing=0 bgcolor="#669999"><TR><TD> <TABLE border=1 cellpadding=0 cellspacing=0><TR><TD> <TABLE border=0 cellpadding=6 cellspacing=0 bgcolor="Ivory"> <TR><TD colspan=2><hr></TD></TR> <TR> <TH colspan=2> Click on Thumbnail to view </TH></TR> <TR> <TD width=200> Picture #1 - This is my dog named Buttons.. </TD><TD> <A HREF="JAVASCRIPT:openPopImg('buttons2172800.jpg', 'Buttons', '367', '286')" onMouseOver="return setStatus('Click to display picture of Buttons.')" onMouseOut="return setStatus('')"> <img src="buttons2i172800.jpg" alt="Buttons" border=0></A> </TD></TR> <TR> <TD width=200> Picture #2 - This is Button's friend, Tiva. </TD><TD> <A HREF="JAVASCRIPT:openPopImg('tiva172800.jpg', 'Tiva, a friend of Buttons', '325', '291')" onMouseOver="return setStatus('Click to display picture of Tiva.')" onMouseOut="return setStatus('')"> <img src="tivai172800.jpg" alt="Tiva" border=0></A> </TD></TR> <TR><TD colspan=2><hr></TD></TR> </TABLE> </TD></TR></TABLE> </TD></TR></TABLE> </CENTER> <CENTER> Visit my site <A HREF="http://www.erols.com/crays/js.htm" TARGET="_blank"> <IMG SRC="corral172800.jpg" ALT="Visit the Javascript Corral using a new browser window." TARGET="_blank" BORDER=1 HEIGHT=32 WIDTH=121></A> for instructions. More scripts like this are also available!</CENTER> </BODY> </HTML>