Dreamweaver Club Forums

Dreamweaver Club Forums (http://www.dreamweaverclub.com/forum//index.php)
-   Javascript and JS frameworks (http://www.dreamweaverclub.com/forum//forumdisplay.php?f=186)
-   -   Create Hover Image (http://www.dreamweaverclub.com/forum//showthread.php?t=34349)

dreamgirl85 11-12-2009 10:23 PM

Create Hover Image
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.


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

All times are GMT. The time now is 12:09 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com