Results 1 to 4 of 4

Thread: Image Thumbnail Viewer II image position issues

  1. #1
    Join Date
    May 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Red face Image Thumbnail Viewer II image position issues

    SCRIPT:
    Image Thumbnail Viewer II image position problems

    http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    PROPBLEM:
    I'm using this script and I do love it but....How do I left justafy the thumbnails and get the large image to load on the right not underneath the thumbnails????

    http://www.experimentalcraftworks.co...s/Flowers.html

    here is one page I have up already.
    I want the thumbnails on the left in a single colum and the large image to the right not underneath.

    like the example page has the script set up.

    Thanks for your help in advance.

    Iona Lynn
    Last edited by Iona Lynn; 05-20-2006 at 05:24 PM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    View the demo's source:

    HTML Code:
        <table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>
    
            <td width="20%"><a href="#" onMouseover="modifyimage('dynloadarea', 0)"><img border="0" src="thumb1.jpg" width="50" height="50" style="margin-bottom: 5px"></a><br>
            <a href="#" onMouseover="modifyimage('dynloadarea', 1)"><img border="0" src="thumb2.jpg" width="50" height="50" style="margin-bottom: 5px"></a><br>
            <a href="#" onMouseover="modifyimage('dynloadarea', 2)"><img border="0" src="thumb3.jpg" width="50" height="50" style="margin-bottom: 5px"></a></td>
            <td width="80"><!--webbot bot="HTMLMarkup" startspan --><div id="dynloadarea" style="width:50px;height:225px"></div><!--webbot bot="HTMLMarkup" endspan i-checksum="17728" --></td>
          </tr>
        </table>
    It uses a table to achieve that layout. There are other ways.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    May 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    So I take this piece and make a table?




    <a href="#" onMouseover="modifyimage('dynloadarea', 0)">
    <img src="http://www.experimentalcraftworks.com/images/Photoworks/Flowers/Flower1.jpg"height="150"></a>

    <a href="#" onMouseover="modifyimage('dynloadarea', 1)">
    <img src="http://www.experimentalcraftworks.com/images/Photoworks/Flowers/flower2.jpg" height="150"></a>

    <a href="#" onMouseover="modifyimage('dynloadarea', 2)">
    <img src="http://www.experimentalcraftworks.com/images/Photoworks/Flowers/Flower3.jpg" height="150"></a>

    <a href="#" onMouseover="modifyimage('dynloadarea', 3)">
    <img src="http://www.experimentalcraftworks.com/images/Photoworks/Flowers/Flower4.jpg" height="150"></a>

    <a href="#" onMouseover="modifyimage('dynloadarea', 4)">
    <img src="http://www.experimentalcraftworks.com/images/Photoworks/Flowers/Flower5.jpg" height="150"></a>

    <a href="#" onMouseover="modifyimage('dynloadarea', 5)">
    <img src="http://www.experimentalcraftworks.com/images/Photoworks/Flowers/Flower6.jpg" height="150"></a>

    <p>

    <div id="dynloadarea" style="width:80px;height:225px"></div>


    ok thanks this is a bit advanced for me but I'll try my best

  4. #4
    Join Date
    May 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    YES I got it to work thanks so much I'll post an exemple in a few.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •