Originally posted by chapman
no, i am not looking for something like coppermine... I need something like ebay has....
--------------------- thumbnails
|.........................|........ here
|.........................| ........ [-]
|..........big...........| ........ [-]
|.......photo .........| ........ [-]
|.......here............| ........ [-]
|..........................|........
---------------------
then when you click the thumbnail it becomes the big picture...
does anyone know of a script like this?
I FOUND A SCRIPT JUST LIKE WHAT U WANT
I got it from http://home.clara.net/gwsmith/photos/tower/index.html
thanks to that site
The you only have to put the image file name on the bottom of this script, and just type the image description.
For the thumbnail image:
you have to make a smaller picture from the original image, then name it with "t_" at the prefix filename
example :
for image is "yourimage.jpg"
the thumbnail is : "t_yourimage.jpg"
i u like to try, here's the script :
=================================
<script language="JavaScript">
var Browser = navigator.appName+navigator.appVersion.charAt(0);
var MS = navigator.appVersion.indexOf("MSIE");
var isOptimumBrowser = false;
if (MS>0)
{
Version = parseInt(navigator.appVersion.substring(MS+5,MS+6) );
if (Version>4) isOptimumBrowser = true;
}
else if (navigator.appName=="Netscape")
{
Version = parseInt(navigator.appVersion);
if (Version>4) isOptimumBrowser = true;
}
function setPicture(Picture,Title)
{
document.images["BigPic"].src = Picture;
if (isOptimumBrowser)
{
document.getElementById("PicTitle").innerHTML = Title;
}
}
function writeGallery(Gallery)
{
with (document)
{
write("<h1>Click on a thumbnail below to view a picture</h1>");
var j = 0;
var first;
write("<center><table>");
for (i in Gallery)
{
first = i;
if (j%5==0) write("<tr>");
write("<td><a href='");
write('javascript:setPicture("');
write(i);
write('","');
write(Gallery[i]);
write('")');
write("'><img class='thumbnail' src='t_");
write(i);
write("'></a></td>");
j++
if (j%5==0) write("</tr>");
}
write("</table></center><h1 id='PicTitle'>");
if (Browser=="Netscape4")
write(" ");
else
write(Gallery[first]);
write("</h1>");
write("<center><img name='BigPic' class='picture' src='");
write(first);
write("'></center>");
}
}
</script>
<script language="JavaScript">
var Gallery = new Object;
Gallery["image1.jpg"] = "Looking to the north (and the Firth of Forth)";
Gallery["image2.jpg"] = "The south look (over Edinburgh)";
Gallery["image3.jpg"] = "Looking to the east (and Portobello Beach)";
Gallery["image4.jpg"] = "The west look (and Arthurs Seat)";
writeGallery(Gallery);
</script>
</body>
</html>