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>

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.