jquery - Is it possible to change the cursor on an element without refreshing the page? -
i have carousel scrolling through slides. carousel has overlay higher z-index content beneath it. slides contain links, don't. jquery gets href of slides link , makes overlay link href when clicked.
[slide 1: <p>] [slide 2: <p> <a>]
my problem is, want change cursor pointer when slide contains link , cursor auto when there no link. (the change won't matter when user hovering on carousel, because slides don't automatically move when case)
i have click function stops overlay linking anywhere when there no link, cursor controlled css. tried using addclass
, isn't working.
is possible change cursor hover state on same div using jquery , css?
this piece of function stops overlay doing if there no link:
$('#carousel_overlay').click(function() { slidelinktarget = promoslides.eq(activeslideindex).find('a').attr('href'); if (!slidelinktarget == '') { window.open(slidelinktarget); ('#carousel_overlay').addclass('link'); } else { return false; $('#carousel_overlay').removeclass('link'); } });
(i know click function , won't work if want cursor change on hover)
#carousel_overlay{cursor: auto;} #carousel_overlay.link{cursor: pointer;}
cheers
you can add hover script overlay , set pointer on if condition (href != "" in example) matches.
$(function() { $('overlay').hover( function() { // selector should match link if ( $('image').attr('href') != "" ) { $(this).css('cursor', 'pointer'); } }, function() { $(this).css('cursor', 'default'); }); });
maybe wont work copy & paste, because not know html.
Comments
Post a Comment