PDA

View Full Version : Placing Enlarged Thumbnails And Adding Text To Enlarged Thumbnails


angel1
05-10-2011, 06:49 AM
I have a site: www.loftmidcentury.com (http://www.loftmidcentury.com).

I am using Dreamweaver 8 to build my site and JS Thumbnail Viewer 2 from this site: http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htmto enlarge my thumbnails.

I'm experiencing 2 small issues:

1. I don't want to have my enlarged images captioned. I would like to have a description of my product underneath the enlarged image. Here is an example of one of the codes of an item I want to have a description for:

<a href="arco lamp 4.jpg" rel="enlargeimage" rev="targetdiv:loadarea,trigger:mouseover,preload:yes,f x:fade"><img border="0" src="arco lamp 4.jpg" width="91" height="91"><span title="">Arco Lamp</span></a><br />

**I removed the title="" because I don't want captions. I would like to add text instead to describe my items**

2.I would like to be able to adjust where I place the enlarged images. I'm currently using this code:

<div id="loadarea" align="center" style="width: 800px"></div>
<div id="loadarea2"></div>
</body></p>

It was suggested I implement this code but don't know where:

<style>
#loadarea{
margin-left:200px;
}
</style>

Looking at source codes from my colleagues site: www.eternitymodern.com (http://www.eternitymodern.com) I'm curious to know if I've got to link 2 code pages in dreamweaver and somehow link them together so that when the thumbnail is moused over or clicked it will invoke an action to where the thumbnail is enlarged with descriptive text to the right of my thumbnails on the same page. If this is the case I am lost. I believe they are called events but is there a simpler way of invoking such actions instead of creating more than one and linking them together? If not it's not too much trouble to create more than 1 page in dreamweaver. I just need to know how to link them.