PDA

View Full Version : Resolved Image Thumbnail Viewer II : jumps up to the top of the "load area."



itskimical
12-10-2010, 03:27 PM
1) Script Title:
Image Thumbnail Viewer II

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex4/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

jscheuer1
12-10-2010, 04:32 PM
Add the height to the loadarea (addition highlighted):


<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.