Webmaster Forum - View Single Post

Rushtrack · 01-22-2008, 10:34 AM

Hello

Working on a site and needed to employ the use of an image map to open a sized window containing a youtube video (yes I know, shame on me for resizing a window). The mechanics of it work out fine but for some reason when you mouse over the image map, your cursor does not indicate a link there..

So, how can I get the cursor to change as it normally does when hovering on a link.

And if there is a more appropriate way to have a video hosted from youtube 'pop-up' I would very much appreciate the knowledge.

Code:


<map name="Video">

<area shape="rect" coords="50,3,391,256" onclick="window.open('http://www.clixqr.com/clixvid.html', 'StatusBar', 'toolbar=yes,resizable=yes,scrollbars=yes,width=450,height=360,left=0,top=0');" alt="Click for a demonstration of CLIX."/>

</map>


<div style="float:left">
    <img src="http://www.clixqr.com/image/homeright.gif" 
      alt="A video of Clix Wheel Release in action."
     width="489" height="511" border="0"/ usemap="#Video"/>
</div>

01-22-2008, 10:34 AM	#1 (permalink)
Rushtrack Member Join Date: 11-09-07 Posts: 32 iTrader: 0 / 0% Latest Blog: The Paratrooper Heads For Papua New Guinea	Image Map and Cursor Hello Working on a site and needed to employ the use of an image map to open a sized window containing a youtube video (yes I know, shame on me for resizing a window). The mechanics of it work out fine but for some reason when you mouse over the image map, your cursor does not indicate a link there.. So, how can I get the cursor to change as it normally does when hovering on a link. And if there is a more appropriate way to have a video hosted from youtube 'pop-up' I would very much appreciate the knowledge. Code: <map name="Video"> <area shape="rect" coords="50,3,391,256" onclick="window.open('http://www.clixqr.com/clixvid.html', 'StatusBar', 'toolbar=yes,resizable=yes,scrollbars=yes,width=450,height=360,left=0,top=0');" alt="Click for a demonstration of CLIX."/> </map> <div style="float:left"> <img src="http://www.clixqr.com/image/homeright.gif" alt="A video of Clix Wheel Release in action." width="489" height="511" border="0"/ usemap="#Video"/> </div>