Member Avatar for bookworm619

I want to test out the Adobe Fireworks CS4 and I have to make the image map. You know, the hotspot... But I want to add the on mouseover to the image. Image pop up. The enlarged image of the smaller image. No CSS, please. Just simple on mouseover effect...

I am looking for the effect just like in the website,
http://www.freedigitalphotos.net/images/Dogs_g59.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Fireworks CS3 Dreamweaver CS3 target.  Created Sat Feb 14 17:30:56 GMT-0500 (Eastern Standard Time) 2009-->
</head>
<body bgcolor="#ffffff">
<img name="test" src="test.gif" onmouseover="trailOn('Friends/Ceasar.jpg','1','250');" onmouseout="hidetrail() width="600" height="300" border="0" id="test" usemap="#m_test" alt="" /><map name="m_test" id="m_test">
<area shape="rect" coords="78,24,197,113" href="http://www.myspace.com" title="ceasar" alt="ceasar" />
</map>
</body>
</html>
Ceasar.jpg 33.83 KB
  • 2 Contributors
  • 1 Reply
  • 108 Views
  • 20 Hours Discussion Span
  • Latest Post Latest Post by Will Gresham
Member Avatar for Will Gresham

First it looks like you just lifted the javascript function from the website you quoted.

You have not defined a function called trailOn() or hidetrail().

There alot of scripts online you can download for free which will do what you are looking for, infact I have found a fair number of them from a keyword search from words in your post.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.