Results 1 to 2 of 2

Thread: Image Thumbnail Viewer II : jumps up to the top of the "load area."

  1. #1
    Join Date
    Oct 2010
    Posts
    18
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default Image Thumbnail Viewer II : jumps up to the top of the "load area."

    1) Script Title:
    Image Thumbnail Viewer II

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    3) Describe problem:
    When I mouse-over the thumbnails it jumps up to the top of the "load area."

    http://prettysmartcart.com/demo/catalog.php?item=6
    Last edited by itskimical; 12-10-2010 at 06:30 PM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,167
    Thanks
    44
    Thanked 3,240 Times in 3,201 Posts
    Blog Entries
    12

    Default

    Add the height to the loadarea (addition highlighted):

    Code:
    <div id="loadarea" style="height: 417px; width: 400px;"><img src=http://prettysmartcart.com/demo/images/RazorbackTankGrayLG.jpg></div>
    Without that, the loadarea constantly becomes 0px high in between each change. That's what makes the page jump.

    I just picked 417px as that's the box dimension height of loadarea with its initial content in it. If there's other higher content, use a value that will accommodate that height. In a layout like that page has, ideally all content should be the same height and width and the dimensions of the loadarea should be set to that. If not, then the dimensions of the loadarea should be set to the highest height and the widest width found among the various potential content blocks. These might even be two different ones, one for width, another for height.
    Last edited by jscheuer1; 12-10-2010 at 06:46 PM. Reason: typo in code 416 now 417 for height
    - John
    ________________________

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

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    itskimical (12-10-2010)

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
  •