If this is a typical question, please pass me a link to the thread(s) .

I have the beginnings of a gallery built almost entirely in CSS.
As you well know when a thumbnail is clicked, it opens the larger image in it's own window.
What I want is to have an image in the gallery to open in another webpage.

Here is the Gallery

That webpage would have its own CSS file and the image would appear in the same contents area like the previous page.

I have googled this and have not found an answer. I suspect it lies in either a separate js or inline.

Ideas? Help?

Thank you.

how about something like:

<a href="bigimage.jpg" target="_blank">
   <img src="smallimage.jpg">
</a>

Wicko

Nope, technically that is a Frames related attribute and will not help. And, I have tried and it open a window for the picture.

<a href="image.type" onClick="widow.open('url','name of window','width=#,height=#,toolbar=yes,
location=yes,directories=yes,status=yes,menubar=ye s,scrollbars=yes,copyhistory=yes,resizable=yes')">
<!--Make sure the above lines dont wrap-->
<img src="image.type">
</a>

feel free to copy and paste

PHP Code:


//link from small image to new window

//id is set inside a database which has two fields, id and path

<a href="images/image.php?id=2" target"_blank"><img src="/images/small_image.jpg" /></a>

//code for image.php

<? 
    $result = mysql_query("SELECT path FROM tbl_images WHERE id='$id'");

if (!$result)
{
    echo("<p>Unable to locate query results</p>");
    exit();
}

echo("<img src=\"" . $result . "\" />");
?>

If you need me to help you with actually creating the page let me know I would be happy to do so if I have some spare time.

Originally posted by dbzguy
<a href="image.type" onClick="widow.open('url','name of window','width=#,height=#,toolbar=yes,
location=yes,directories=yes,status=yes,menubar=ye s,scrollbars=yes,copyhistory=yes,resizable=yes')">
<!--Make sure the above lines dont wrap-->
<img src="image.type">
</a>

feel free to copy and paste

Thank you. I have used this popup window variation before, but it isn't what I am looking for now.

Is there another way of doing this?

What I am looking for might be equivalent to putting each picture into its own web page and then have the links call them.

That's more cumbersome than having a single page with maybe a place holder picture that is filled when the large image is called up.

The create a page for each images(alot more work) and have the link as

<a href="images/htmlfilewithimage.html">Thumbnail</a>