Image Viewer ~ FrontPage or Center Block

[crip]

Originally it was only 8 images, but it was kind of small, so I doubled it, I suppose more could be added by making the thumb appear smaller?

I guess it really depends on how big your viewing area is, 21 inch flat screen here, or - link it to open in a new window?

[G6Cad]

I was on your site that you have in your userbox, the globe under your avatar.

[crip]

Oh ok,
yeah, you get that error if you cllick the title instead of a image.. it's not the same script as this Demo, that is CMG.

[houston]

My Thumb nail pics are not showing up.

this is the code that I am using

Code Select Expand

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Jenny Blewitt (webmaster@webdesignsdirect.com) -->
<!-- Web Site:  http://www.webdesignsdirect.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);

ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);

function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
   }
}
//  End -->
</script>

<center>
<table width=400 border=0 cellspacing=0 cellpadding=0>
<tr>
<td><a href="javascript:doPic('pix/p1.jpg');"><img src="="pix/p1.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p2.jpg');"><img src="="pix/p2.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p3.jpg');"><img src="="pix/p3.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p4.jpg');"><img src="="pix/p4.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p5.jpg');"><img src="="pix/p5.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p6.jpg');"><img src="="pix/p6.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p7.jpg');"><img src="="pix/p7.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p8.jpg');"><img src="="pix/p8.jpg" width=32 width=32 border=0></td>
</tr>
<tr>
<td colspan=8 align=center><img name="mainpic" src="p1.jpg" width=400 width=160 border=0></td>
</tr>
<tr>
<td><a href="javascript:doPic('pix/p9.jpg');"><img src="="pix/p9.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p10.jpg');"><img src="="pix/p10.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p11.jpg');"><img src="="pix/p11.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p12.jpg');"><img src="="pix/p12.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p13.jpg');"><img src="="pix/p13.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p14.jpg');"><img src="="pix/p14.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p15.jpg');"><img src="="pix/p15.jpg" width=32 width=32 border=0></td>
<td><a href="javascript:doPic('pix/p16.jpg');"><img src="="pix/p16.jpg" width=32 width=32 border=0></td>
</tr>
</table>
</center>

And it does not load the large image until I click on the first thumbnail

[crip]

It's all in how you have it linked, thumb to image..both the same image

[crip]

It does work as you can clearly see on the demo.

[crip]

Here is another Demo!

[houston]

It's all in how you have it linked, thumb to image..both the same image

Not to sure what you mean by this?

[crip]

do you have a link to it?

[houston]

do you have a link to it?

http://www.eaglebaycamp.com/forum/index.php