Question

I have a script that scans a directory of thumbnails and echoes them to the page. It works nicely, but the thumbnails are not clickable, and i would really like this to be the case. echo "<img src='$thumbnail' class='resizesmall'>"; is the line where the thumbnails are echoed. I’m not sure how to write the path to the larger image inside the php without breaking it. Maybe this should be done inside the foreach statement? thanks for your help?

$dir = "../mysite/thumbnails/";
$dh = opendir($dir);

// echo "$dh";
$gallery = array();
while($filename = readdir($dh))
{
$filepath = $dir.$filename;

//pregmatch used to be ereg
if (is_file($filepath) and preg_match("/\.png/",$filename))
{
$gallery[] = $filepath;
}
}
sort($gallery);
foreach($gallery as $thumbnail)
{
echo "<img src='$thumbnail' class='resizesmall'>";
}
?>
</div>
<??>

Answer 1

The easiest way would be to setup a situation where your thumbs and your full size images were named the same. So you may have thumbs/image1.png and full/image1.png. Then instead of using $thumbnail use a variable $image, or something similar just so the code reads better. You’ll also want to leave the $filepath out of the mix so that $image ends up as just the file name.

foreach($gallery as $image)
{
    echo "<a href='full/$image'><img src='thumb/$image' class='resizesmall'></a>";
}

You may want to throw in some checks to make sure there is a matching image just to prevent errors or bad UX. However, the code above should work.