writeing a script that displays thumbnails

[bignester]

I want to write a script that displays a bunch of thumb nails or pics.

thats the easy part.

I also want the script to, when some one clicks on a thumb nail, to open a small window with that picture enlarged in it.

I can do the first part but how do you do the second.

[andutt]

Use a "a onclick" function for every picture that you print out..then you can use the tuning options to make the bigger page as you want...pasting in a little sample of the options you can use.

toolbar=no,width=700,height=400,left=400,top=400,status=no,scrollbars=no,resize=no

Regards

[Dolda2000]

Yeah, that's really the best approach, to use JavaScript to open image windows. The bad side is that it won't work in all browsers, of course. Not that many browsers come without JavaScript support today, but some disable it and stuff. You _could_ use a TARGET="_blank" on the links, but that won't look as good, since you can't control the actual size and appearance of the new window.

[bignester]

Ok what about this you have a big picture that sits on top of the table of pics, and when you click on one of the pics in the table it becomes the big pic. coul i avoid java script if i did that

[bignester]

<table border="1">
<?
$pics = file("picture.dat");
$row_number = array_splice($pics,0,1);
$num = $row_number[0];
$rows = array_chunk($pics,(int)$num);
?>

<?
foreach($rows as $row) {
echo "<tr>";
foreach($row as $pic) {
echo "<td>";
?>
<?
echo "<a href=\"$pic\" target=\"body\">";
echo "<img src=\"$pic\" width=\"50\" height=\"50\">";
echo "</a>";
echo "</td>";
}
echo "</tr>";
}

?>

</table>

Here is what ive written.

Simple and ugly it gets the job done now Ive never written javascript before how would i incorporate it into my program here.

and if for just morbid curiosity you want to see it in action go here

http://bignasty.resnet.tamu.edu/~adam/testing/pipes/

and click on pics

[andutt]

Thats the good thing with a onclick that you actually can descide how big that pictures should be, if toolbars should exist and so on...like this....

echo "<a onclick=\"window.open&#40;THE PATH TO YOU BIG PICTURE ', 'WindowTitle', 'toolbar=no,width=500,height=450,left=300,top=50,status=no,scrollbars=no,resize=no'&#41;\">img src=PATH TO YOU THUMBNAIL alt='Here you can write a descrition of the image'></a>";

That will work fine!!..

REgards

[Dolda2000]

You don't need to put the onClick script in a <A> tag. You can skip the <A> tag compeletely and put the onClick script in the <IMG> tag instead.

[andutt]

And?? this works just fine as it is...

[Dolda2000]

Yeah, but not trimming unnecessary tags just reminds me of MS frontpage and its likes.