VideoHelp Forum




+ Reply to Thread
Results 1 to 7 of 7
  1. 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.
    SmileSmile
    Quote Quote  
  2. You need to provide more information:

    1. What OS?
    2. What programming language?
    3. What kinds of images?
    John Miller
    Quote Quote  
  3. Member mats.hogberg's Avatar
    Join Date
    Jul 2002
    Location
    Sweden (PAL)
    Search Comp PM
    If you have 2 frames, the thumb in the second, try something along the lines of
    Code:
    [img]thumb.gif[/img]
    /Mats
    Quote Quote  
  4. Originally Posted by JohnnyMalaria
    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
    SmileSmile
    Quote Quote  
  5. Member
    Join Date
    Jan 2006
    Location
    Australia
    Search Comp PM
    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"
    Quote Quote  
  6. Originally Posted by 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"
    tank u
    SmileSmile
    Quote Quote  
Visit our sponsor! Try DVDFab and backup Blu-rays!