J
JB
The below script will show 3 thumnails and when you click on one of them, it
will show a larger photo below. What I need is to click on the large photo
and have yet another photo open in a NEW window. So there will be another
3 set of photos that can be opened up. This is so I can offer an even larger
version for those not on dial up, but it has to open another browser window.
Can anyone help me out?
Thanks!
JB
<html><head>
<title>Java Test</title>
<script>
function changeImage(name){
newsrc = "http://" + name;
document.images.big.src = newsrc;
}
</script>
<a name="thumbnails"></a>
<center>
<table width=80% border=0>
<tr>
<td><font face="Verdana, Arial" size=2>
<br>
<ul>
<center>Click on thumbnails to see the enlarged version below.<P>
<center>
<a href="javascript:changeImage('photo1.jpg')">
<img src="http://photo1" height=80 width=70 border=0></a>
<a href="javascript:changeImage('photo2.jpg')">
<img src="http://photo2" height=80 width=70 border=0></a>
<a href="javascript:changeImage('photo3.jpg')">
<img src="http://photo3" height=80 width=70 border=0></a>
<table border=2><tr><td>
<img name="big" src="http://photo1"></a>
</td></tr></table>
<br>
<img src="http://photo2"></a>
<img src="http://photo3"></a>
<tr>
</center>
</td></tr>
</table>
</body></html>
will show a larger photo below. What I need is to click on the large photo
and have yet another photo open in a NEW window. So there will be another
3 set of photos that can be opened up. This is so I can offer an even larger
version for those not on dial up, but it has to open another browser window.
Can anyone help me out?
Thanks!
JB
<html><head>
<title>Java Test</title>
<script>
function changeImage(name){
newsrc = "http://" + name;
document.images.big.src = newsrc;
}
</script>
<a name="thumbnails"></a>
<center>
<table width=80% border=0>
<tr>
<td><font face="Verdana, Arial" size=2>
<br>
<ul>
<center>Click on thumbnails to see the enlarged version below.<P>
<center>
<a href="javascript:changeImage('photo1.jpg')">
<img src="http://photo1" height=80 width=70 border=0></a>
<a href="javascript:changeImage('photo2.jpg')">
<img src="http://photo2" height=80 width=70 border=0></a>
<a href="javascript:changeImage('photo3.jpg')">
<img src="http://photo3" height=80 width=70 border=0></a>
<table border=2><tr><td>
<img name="big" src="http://photo1"></a>
</td></tr></table>
<br>
<img src="http://photo2"></a>
<img src="http://photo3"></a>
<tr>
</center>
</td></tr>
</table>
</body></html>