logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > Javascript and JS frameworks
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-12-2009, 10:23 PM   #1
dreamgirl85
 
Join Date: Nov 2009
Posts: 1
Default 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!
dreamgirl85 is offline   Reply With Quote
Old 11-12-2009, 10:51 PM   #2
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

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.
gentleone is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 08:58 PM.


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