Image Map and Cursor

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>

greenfinger · 01-22-2008, 12:09 PM

This is very easy, it's a CSS attribute:

Code:

cursor:pointer;

Rushtrack · 01-22-2008, 01:14 PM

Quote:

Originally Posted by greenfinger

This is very easy, it's a CSS attribute:

Code:

cursor:pointer;

Awesome got it to work on the image....but that would be the same result as just taking the image and giving it the 'ol href treatment...
Were you intending the image to receive this attribution or the map? How would I apply it to the map rather than the image....or 'contain' so it only shows up over the map designated space rather than the whole image?

EDIT:

BRILLIANT! Problem solved.

Code:

        area {
	cursor:pointer;
	}

greenfinger · 01-22-2008, 06:08 PM

Glad you have it working the way you want.