iframe

[beavereater]

I'm trying to figure out how this works, code wise.

I want to put small thumbnail pictures at the bottom of the page and when someone clicks on the smaller thumbnail a large preview of it will appear in the frame above it. Something similar to the preview function in windows explorer when viewing pics.

[JohnnyMalaria]

You need to provide more information:

1. What OS?
2. What programming language?
3. What kinds of images?

[zoobie]

removed

[mats.hogberg]

If you have 2 frames, the thumb in the second, try something along the lines of

[img]thumb.gif[/img]

/Mats

[beavereater]

You need to provide more information:

1. What OS?
2. What programming language?
3. What kinds of images?

1. Windows
2. doesn't matter, anything easy
3. images I took with the camera, jpeg

[drewzor]

you could also use layer code.. but thats not what you have asked.
Iframes are a great way to make menus for your webpage

sample code: I'm assuming you know alittle about html etc..

first I use tables to make things easier to lay out, this table is simply 4 squares. In the first square (upper left) I have inserted an iframe named I1, which displays a blank html page named iframeintro. Then in the bottom right square i have inserted a smaller version of my image I would like to preview. It is infact the same image but resized as you can see by the code.. I have made a hyperlink from this image to a new page with the full size image but targeted I1. this will make the webpage IFRAME.htm open into the iframe named I1 displaying the full size image

<table border="1" width="720" id="table1" height="600" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="25%">
<p align="center">
<iframe name="I1" src="iframeintro.htm" scrolling="no" align="middle" border="0" frameborder="0" height="100%" width="100%">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe></td>
<td width="50%" height="25%"></td>
</tr>
<tr>
<td width="50%" height="25%"></td>
<td width="50%" height="25%">
<p align="right"><a target="I1" href="IFRAME.htm">
[img]disco.jpg[/img]</a></td>
</tr>
</table>

Dont know if thats what you wanted to do?? click and preview in iframe yeah?
remember you can stick an iframe anywhere

you can also make it transparent
ALLOWTRANSPARENCY="true"

[beavereater]

you could also use layer code.. but thats not what you have asked.
Iframes are a great way to make menus for your webpage

sample code: I'm assuming you know alittle about html etc..

first I use tables to make things easier to lay out, this table is simply 4 squares. In the first square (upper left) I have inserted an iframe named I1, which displays a blank html page named iframeintro. Then in the bottom right square i have inserted a smaller version of my image I would like to preview. It is infact the same image but resized as you can see by the code.. I have made a hyperlink from this image to a new page with the full size image but targeted I1. this will make the webpage IFRAME.htm open into the iframe named I1 displaying the full size image

<table border="1" width="720" id="table1" height="600" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="25%">
<p align="center">
<iframe name="I1" src="iframeintro.htm" scrolling="no" align="middle" border="0" frameborder="0" height="100%" width="100%">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe></td>
<td width="50%" height="25%"></td>
</tr>
<tr>
<td width="50%" height="25%"></td>
<td width="50%" height="25%">
<p align="right"><a target="I1" href="IFRAME.htm">
[img]disco.jpg[/img]</a></td>
</tr>
</table>

Dont know if thats what you wanted to do?? click and preview in iframe yeah?
remember you can stick an iframe anywhere

you can also make it transparent
ALLOWTRANSPARENCY="true"

tank u