Re: reusing image map on another image

Respond to this post

Return to posts index

Read entire thread

My hotspot images are suppose to be small around 170p x300px what they do is take over the whole page. How do I change this? Do I need to assign a size for each mouseover image?

the code is:

<body bgcolor="#ffffff" onLoad="MM_preloadImages('images/Smc.gif','images/ies.gif')">

<img name="US_map_sales" src="US_map_sales.png" width="750" height="486" border="0" usemap="#m_US_map_sales" alt="">

<map name="m_US_map_sales">

<area shape="poly" coords="13, 423, 193,426, 194,454, 75,462, 25,457, 12,451" href="javascript:;" alt="" >

<area shape="poly" coords="30, 136,52, 145,55, 162,51, 168,47, 178,46, 192,54, 203,57, 212,63, 227,76, 236,78, 242,78, 248,84, 257,93, 267,96, 273,104, 286,111, 290,117, 288,126, 273,133, 251,140, 228,135, 201,146, 186,146, 174,147, 168,148, 167,168, 167,175, 172,173, 185,189, 197,225, 195,236, 201,264, 201,274, 203,290, 208,291, 221,292, 232,290, 253,287, 262,273, 270,274, 279,275, 288,275, 296,274, 300,273, 303,272, 308,271, 314,269, 318,268, 326,266, 329,264, 333,255, 343,250, 346,223, 348,209, 348,186, 345,173, 346,156, 343,130, 330,117, 326,102, 318,67, 292,31, 264,21, 229,12, 177,13, 149,23, 136" onMouseOver="MM_swapImage('US_map_sales','','images/Smc.gif',1)" onMouseOut="MM_swapImgRestore()" >

<area shape="poly" coords="72, 14,93, 18,111, 29,126, 30,134, 33,133, 49,140, 63,144, 72,148, 86,147, 100,159, 107,178, 128,176, 138,176, 149,170, 157,149, 159,133, 152,118, 149,105, 143,84, 140,62, 135,53, 131,37, 127,22, 120,20, 112,28, 88,36, 73,46, 59,52, 53,39, 20,63, 31" href="javascript:;" alt="" onMouseOver="MM_swapImage('US_map_sales','','images/ies.gif',1)" onMouseOut="MM_swapImgRestore()" >

<area shape="poly" coords="722, 39,740, 71,713, 94,705, 137,695, 148,680, 157,671, 173,672, 188,663, 193,645, 208,648, 221,651, 247,655, 256,654, 287,631, 306,621, 317,605, 333,600, 358,602, 375,617, 408,630, 432,639, 451,627, 448,616, 442,598, 410,594, 390,588, 382,557, 379,560, 360,551, 326,546, 310,594, 269,594, 257,588, 248,585, 235,586, 220,601, 186,597, 173,621, 144,639, 134,653, 109,685, 96,705, 85" href="javascript:;" alt="" >

<area shape="poly" coords="281, 278,322, 284,320, 316,359, 333,402, 337,409, 368,409, 396,391, 404,374, 421,362, 429,354, 441,350, 459,339, 450,322, 429,308, 405,296, 386,283, 389,264, 391,253, 372,235, 365,276, 351,276, 360,278, 364,279, 313" href="javascript:;" alt="" >

</map>