Help - Search - Members - Calendar
Full Version: Changing The Mouse Cursor When Over An Image Link With Javascript?
Invision Power Services > Community Forums > Community Web Design and Coding
The Old Man
Hi,
I'm using Dreamweaver to create some pop-up windows that display a full size image from a clickable thumbnail. All works fine, if you mouse over an image image and click on it, it opens up in a new window. However, the mouse cursor doesn't change, so site visitors wouldn't know you can click on the thumbnail images.

How do I get the cursor to change like it does when you hover over a normal url or image url?

Dreamweaver, puts this code in the head of the page:

CODE
<script type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>


and my images use:

CODE
<div class="polaroid"><img src="./_thb_Screenshot000.jpg" alt="Click to view the full size image from Millennium." onclick="MM_openBrWindow('./Screenshot000.jpg','originalepisodestill','resizable=yes,width=640,height=480')"></div>


Can anyone show me how to get the cursor image to change from the arrow to the normal pointing hand when you move the mouse over one of these image thumbnails?

Thanks!
Κeith
style="cursor:pointer;"

http://www.w3schools.com/css/pr_class_cursor.asp
The Old Man
Sounds, thanks for that!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.