PDA

View Full Version : Image Thumbnail Viewer II



john s
04-29-2008, 02:53 PM
1) Script Title: Image Thumbnail Viewer II

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

3) Describe problem: I am new to scripts. I have 20 thumbnails. Can someone help me with code to create two columns of 10 thumbnails each along the left side of my page. I would like pop-up image to be just to the right of these thumbnails and be 600 px wide x 400 px high. Thank you -- John

ddadmin
04-30-2008, 07:08 AM
Well, since the thumbnails are simply normal HTML on your page, you'd simply tailor them to suit the desired layout. In this case, maybe something like:


<div style="width: 100px; float: left">

<a href="bulb.jpg" rel="enlargeimage::mouseover" rev="loadarea"><img src="thumb1.gif" /></a>
<a href="bulb.gif" rel="enlargeimage::mouseover" rev="loadarea"><img src="thumb2.gif" /></a>
"

</div>

<div style="width: 100px; float: left">

<a href="bulb.gif" rel="enlargeimage::mouseover" rev="loadarea"><img src="thumbmore1.gif" /></a>
<a href="bulb.gif" rel="enlargeimage::mouseover" rev="loadarea"><img src="thumbmore2.gif" /></a>
"

</div>

<div id="loadarea" style="width: 600px; height: 400px; float: left">

</div>

<br style="clear: left" />