<div>
Hi bluesky134,<br />
<br />
-my solution-<br />
Using HTML to create Roll over and need to cut slice by slice in photoshop for 2 type of images, normal and highlighted.<br />
-the image on the first load and...<br />
-the image when mouse over<br />
<br />
If you want something more advance, can use flash to do it very easily, the tutorials are here.<br />
<a href="http://www.google.com.my/search?hl=en&q=create+flash+buttons&meta=" rel="ugc">http://www.google.com.my/search?hl=en&q=create+flash+buttons&meta=</a><br />
<br />
Check this sample out made by flash.<br />
<a href="http://www.coralcondoms.com/" rel="ugc">http://www.coralcondoms.com/</a>&nbsp; &nbsp; &nbsp;(under the get it section)
</div>


<div>
Sorry for the delay. In case my late feedback is still reasonable, here it is:<br />
1) Yes. I want to show the outline of each &nbsp;&lt;area shape&gt; on the image map, on image first loaded (without having to hover to make the outline appear).<br />
2) Yes. Square can make somehow useful, but i'm planning to collect the data for the shapes dinamically from the DB. The quantity of shapes will be drawn looping throu the recordset. The shapes may have more than 4 coordinates on the db so I guess &quot;poly&quot; would do some of the tricks. I could also add a field indicating if circle, poly or rect should be drawn.<br />
3) I liked the effect on the site mentioned and would like that code to work according 1) and 2) but modify the included script &quot;annimg.js&quot; is out of my possibilities.<br />
<br />
Thanks.
</div>


<div>
You can check this solution, highlights areas using javascript, better performance.<br />
<a href="http://msd-bml.blogspot.com/2008/09/dynamic-image-map.html" rel="ugc">http://msd-bml.blogspot.com/2008/09/dynamic-image-map.html</a>
</div>


<div>
<div class="content wysiwyg-content">
How can I show the outlines and chose a color of an image map &quot;area&quot; tag when image it is loaded?<br />
<br />
&lt;body&gt;<br />
&lt;img src=&quot;../pics/map.jpg&quot; width=&quot;1280&quot; height=&quot;867&quot; border=&quot;1&quot; usemap=&quot;#Map&quot; &gt;<br />
&nbsp; &lt;map name=&quot;Map&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;area shape=&quot;circle&quot; coords=&quot;113,102,19&quot; href=&quot;#&quot; alt=&quot;object1&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;area shape=&quot;circle&quot; coords=&quot;465,789,10&quot; href=&quot;#&quot; alt=&quot;object2&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;area shape=&quot;poly&quot; coords=&quot;194,110,248,72,266<wbr />,106&quot; href=&quot;#&quot; alt=&quot;object3&quot;&gt;<br />
&nbsp; &lt;/map&gt;<br />
&lt;/body&gt;<br />
<br />
<br />
Thanks. Paul.
</div>
</div>


How can I show the outlines and chose a color of an image map "area" tag when image it is loaded?

<body>
<img src="../pics/map.jpg" width="1280" height="867" border="1" usemap="#Map" >
  <map name="Map">
	  <area shape="circle" coords="113,102,19" href="#" alt="object1">
	  <area shape="circle" coords="465,789,10" href="#" alt="object2">
	  <area shape="poly" coords="194,110,248,72,266,106" href="#" alt="object3">
  </map>
</body>


Thanks. Paul.

show the outline of image map &quot;area&quot; tag

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

show the outline of image map &quot;area&quot; tag

show the outline of image map "area" tag