View Full Version : image viewer change position of large image?

02-07-2012, 12:03 PM
1) Script Title: Image Thumbnail Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

3) Describe problem: How can I change the position/location of the enlarged image? I need to move it to the right as currently it covers a portion of my nav bar. Look forward to your suggestions.

02-07-2012, 04:29 PM
Using a text only editor like NotePad, in the thumbnailviewer.css file add the highlighted:

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
margin-left: 100px;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;

The larger the red number, the further to the right it will go.

The browser cache may need to be cleared and/or the page refreshed to see changes.

If you want more help, please post a link to the page on your site that contains the problematic code so we can check it out.

02-07-2012, 08:12 PM
work perfectly ...thanks!