brettbrewer.com

Programming + Design

Home arrow News arrow Web Technology arrow Tweaking the Highslide JS mouse pointer
Tweaking the Highslide JS mouse pointer PDF Print E-mail
Written by Administrator   
Tuesday, 26 February 2008

I ran across a slight problem recently when I wanted to change the default magnifying glass cursor used by the AMAZING Highslide JS javascript library . If you need zooming thumbnails or any other kind of popup-window based content, the Highslide JS library is your cross-browser compatible popup saviour.  The library uses both javascript and CSS to define custom cursors for when you have your mouse over a zoomable image. I was scratching my head wondering where to change the cursor so that I could use the htmlExpander feature with a graphic button on some parts of my site while still being able to use the default magnifying glass cursor for all other images. This turned out to be a no brainer after I realized I just needed to override the cursor property using an inline style on any element that I want to use an alternate cursor on. In my case, to get the normal hand pointer that normally appears on links to show up, simply add an inline style to your button such as 

<img src="/graphics/some_button_image.gif" style="cursor:pointer;" /> 

I don't know why the hand cursor is called "pointer" in CSS, but it is. Seems to me they should call the standard arrow cursor "pointer" and call the hand cursor "hand". Anyway, I know this seems trivial, but the HighSlide JS web site does not mention how to do this, so I thought I'd share it here. 

Last Updated ( Tuesday, 26 February 2008 )
 
< Prev   Next >

Search


Brett highly recommends...

Get Your War On: The Definitive Account of the War On Terror 2001-2008

My favorite comic is getting ready to be relased as a single volume. You can preorder now. If you hate the war and love to laugh, do yourself a favor and order this. You can also read all the GYWO comics online for free here.

BBS The Documentary

This is by far the most comprehensive and entertaining documentary I have ever seen regarding the early BBS system. If you're serious about knowing your internet history, or you just want some extra geek-cred, this is your new favorite documentary.

The Nada Chair "BackUp"

The best alternative I have found to overpriced ergonomic office chairs, especially for very low pain around the sacral joint. Works better than my Aeron chair ever did. Also, it comes in navy blue and black, in case you're not into the whole pregnant woman aesthetic (pictured).It's really not meant for sitting on the floor, it's really better for seats that offer poor back support, and works great at sporting events to make sitting in bleachers much more comfortable.

Antec Quiet PC Case

At just under $120 including a 500 Watt power supply, this "quiet pc" case has worked great for me for over 2 years. In fact I now own two great Antec cases/PSUs. For the money, it's hard to beat this combination.

Valid XHTML 1.0 Transitional

© 2008 www.brettbrewer.com

Spam bots check out this page.

Joomla! is Free Software released under the GNU/GPL License.