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.
+ Reply to Thread
Results 1 to 7 of 7
-
Smile
Smile
-
You need to provide more information:
1. What OS?
2. What programming language?
3. What kinds of images?John Miller -
If you have 2 frames, the thumb in the second, try something along the lines of
Code:[img]thumb.gif[/img]
-
Originally Posted by JohnnyMalaria
2. doesn't matter, anything easy
3. images I took with the camera, jpegSmileSmile
-
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"