View Full Version : Create Hover Image

11-12-2009, 10:23 PM
When someone mouses over an image I want it to enlarge right over the image. Here is an example. http://phpjavascript.com/demo/new.html

The example said to:

Type the following in the <head></head> <script language="javascript" src="image.js"></script>
<link rel="stylesheet" href="image.css" type="text/css" />


this is the <body></body>

<div style="position: absolute; z-index: 90; top: 36px; display: none; left: -500px;" id="preview_div"></div>
<a href="http://templaterover.com/enhanced-flash-templates/5210.html" target="_blank"><img src="207s.jpg" width="158" height="123" border="0" onMouseOver="showtrail('207l.jpg','Template Ref: #5210',1)" onMouseOut="hidetrail()"/></a>

I have the image.js and image.css file.

I just need to know how to manipulate it in dreamweaver so I can put my images in.


11-12-2009, 10:51 PM
In your <body>:
This is the little image that you see on the page (207s.jpg) 's' stands for small
<img src="207s.jpg" width="158" height="123"
And this is the large (hidden) image that will be loaded (207l.jpg) 'l' stands for large

These ones you have to change for your images.