PDA

View Full Version : Pop Window In Window

101
11-01-2002, 07:13 PM
Hi,
You see i have lots of small gifs on my site and was woundering if you could have a list of all the pictures on the page and in the top right couner a litlle box and when the users mouse goes over the picture text it displays the picture. And if they want it then they can click the text and a window pops up so they can right click and save it.
101
Mr J
11-01-2002, 11:56 PM
Here's something to be going on with but it might need refining.
Change epic1 etc to your own images


<HTML>
<HEAD>
<TITLE>Document Title</TITLE>
<script language="JAVASCRIPT">
<!--
function newWin(pic){
var PopUp=window.open('', 'win1','width=200,height=200,left=400,top=150,menubar=yes');
PopUp.document.write('<html>\n<head>\n<title></title>\n');
PopUp.document.write('</head>\n');
PopUp.document.write('<body bgcolor="#000000">\n');
PopUp.document.write('<img src="'+pic+'" height=120 width=100 border=1 style=\"position:absolute;left:0;top:0\">\n');
PopUp.document.write('</body>\n</html>');
PopUp.document.write('');
PopUp.focus()
}

function showpic(pic){
oDIV.innerHTML="<img src="+pic+">"
}

// -->
</script>
</HEAD><BODY>
<div id="oDIV" style="position:absolute;left:500;top:50"></div>
<P><a href="#null" onmouseover="showpic('epic1.gif')" onclick="newWin('epic1.gif')">Pic 1</a>
<P><a href="#null" onmouseover="showpic('epic2.gif')" onclick="newWin('epic2.gif')">Pic 2</a>
<P><a href="#null" onmouseover="showpic('epic3.gif')" onclick="newWin('epic3.gif')">Pic 3</a>
</BODY>
</HTML>