Flynn wrote:
[color=blue]
> My understanding of javascript is very limited. Could some one help
> me out. I found this code for an image gallery viewer. It works fine
> on my site, but I'd like to modify it so that the mainpic image is
> linkable to a popup window displaying the same image only larger. Can
> this even be done? If so any ideas?
>
> Thanks in advance.[/color]
Step 1: Ditch it. All of it. Its utter junk.
[color=blue]
> <HEAD>
>
> <SCRIPT LANGUAGE="JavaScript">[/color]
type="text/javascript"
language attribute is deprecated in HTML4
[color=blue]
> <!-- Begin[/color]
The above line is not needed either.
[color=blue]
> browserName = navigator.appName;
> browserVer = parseInt(navigator.appVersion);
>
> ns3up = (browserName == "Netscape" && browserVer >= 3);
> ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);[/color]
And if its Opera, Safari or any browser other than NS or MS?
http://www.jibbering.com/faq/#FAQ4_26
[color=blue]
> function doPic(imgName) {
> if (ns3up || ie4up) {
> imgOn = ("" + imgName);
> document.mainpic.src = imgOn;
> }
> }[/color]
function doPic(imgName){
if (document.images)
{
document.images['mainpic'].src = imgName;
}
}
[color=blue]
> // End -->
> </script>
> </HEAD>
>
>
>
> <BODY>
>
> <center>
> <table width=360 border=0 cellspacing=0 cellpadding=0>
> <tr>
> <td><a href="javascript
:doPic('p1.jpg');"><img src="p1.jpg" width=90
> height=60 border=0></a></td>[/color]
http://www.jibbering.com/faq/#FAQ4_24
[color=blue]
> <td><a href="javascript
:doPic('p2.jpg');"><img src="p2.jpg" width=90
> height=60 border=0></a></td>
> <td><a href="javascript
:doPic('p3.jpg');"><img src="p3.jpg" width=90
> height=60 border=0></a></td>
> <td><a href="javascript
:doPic('p4.jpg');"><img src="p4.jpg" width=90
> height=60 border=0></a></td>
> </tr>
> <tr>
> <td colspan=4 align=center><img name="mainpic" src="p1.jpg" width=360
> height=240 border=0></td>
> </tr>
> <tr>
> <td><a href="javascript
:doPic('p5.jpg');"><img src="p5.jpg" width=90
> height=60 border=0></a></td>
> <td><a href="javascript
:doPic('p6.jpg');"><img src="p6.jpg" width=90
> height=60 border=0></a></td>
> <td><a href="javascript
:doPic('p7.jpg');"><img src="p7.jpg" width=90
> height=60 border=0></a></td>
> <td><a href="javascript
:doPic('p8.jpg');"><img src="p8.jpg" width=90
> height=60 border=0></a></td>
> </tr>
> </table>
> </center>
>
> </body>[/color]
<a href="URLtoBigImage.jpg" target="_blank"><img src="littleImage.jpg"
width=90 height=60 border=0></a>
Now, when its clicked, it will simply open the larger image in a new
window. No Javascript needed at all. Just plain HTML :)
--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ -
http://jibbering.com/faq/ 
