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 11: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" />



and



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.


Thanks!

gentleone 11-12-2009 11:51 PM

In your <body>:
This is the little image that you see on the page (207s.jpg) 's' stands for small
Code:

<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
Code:

onMouseOver="showtrail('207l.jpg'
These ones you have to change for your images.


All times are GMT. The time now is 09:49 AM.

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