Preserved Topic: open a page inside of another one (Page 1 of 1)

Hello

I have an image gallery with thumbnails that point to the actual image (that's basic). The thumbnails page sits on the right side of a frameset, while the actual image opens in the left side.

What I'd like to do is to place the thumbnails around a rectangle and have the actual image opening in the middle of it. But if I were to use frames it would take at least 4 pages... So I was wondering if anyone can point me to a site with a tutorial that explains how to open a page within another one.

I've seen a tutorial for this once, but it's been a looong time and I don't remember were it was. It was very detailed and used this image gallery example.

Thank you

Asakawa



[This message has been edited by asakawa (edited 08-13-2001).]

Sounds like an IFRAME.

But I'll let someone else answer this, since I avoid Iframes, and don't really know how to use them well...

Asakawa, that can be done using <IFRAME>s, but they don't work in older browsers (i.e. NN4). So, I would suggest you to stick with frames, because they are better supported...

You shouldn't need to do this with another "page" since all we are talking about is images a simple images swap should do the trick. In this case just skip any preloaders so you don's slow down the initial load.

You could if you needed to even dynamically change the HTML in the area in question as well both methods should easily achieve this effect without dealing with other "pages"



:[ Computers let you make more mistakes faster than any other invention in human history, with the possible exceptions of handguns and tequila. ]:

[This message has been edited by bitdamaged (edited 08-13-2001).]

I'm not an expert but wouldn't something like:

<img src="whatever.gif" width="150" height="300" name="picturechanger">

<a href="javascript: changeImage('another.gif')"><img src="another_thumb.gif"></a>

<script language="JavaScript1.1">
function changeImage(piclocation) {
document.images.picturechanger.src=piclocation
}
</script>

You'll need to test this and I'm sure there are errors but I've seen similar things done elsewhere (although more fancy). Throw in some tables (e.g. try a 3x3 table with the image in the middle) or DIVs to get the right layout.

Emps

Just a tip. Emps code is just the thing however if the images are of different sizes leave out the height and width tags and the area will resize with the images.



:[ Computers let you make more mistakes faster than any other invention in human history, with the possible exceptions of handguns and tequila. ]:

Thank you all.

I'll try Emp's tip out.

Or think of another format to the gallery.

Asa