Can I make the navigator buttons images?

More
4 years 1 month ago #96297 by dweisser
dweisser replied the topic: Can I make the navigator buttons images?
I know I'm now just being annoying, but...
how would someone who knows what they're doing implement the hover (and the cursor decoration in css.

/* #movenextbtn img */

.alt-nextbtn:hover {
background: url(' www.springboltconsulting.com/survey/uplo...xt_custom2_hover.png ');
background-repeat:no-repeat;
}

I've tried about 30 combinations and am unable to make it work. Am I a lost cause?
Nebraska

Please Log in to join the conversation.

More
4 years 1 month ago #96321 by tpartner
tpartner replied the topic: Can I make the navigator buttons images?
You can't really use CSS for the image source because you are manipulating an actual image, not something with a background image.

Add this to the end of template.js to replace the source of the image on hover:
$(document).ready(function() { 
	$('#alt-nextbtn').hover(
		function () {
			$(this).attr('src', 'http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/next_custom2_hover.png');
		},
		function () {
			$(this).attr('src', 'http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/next_custom2_normal.png');
		}
	);
 
});

Now, for the cursor, add this to template.css:
#alt-nextbtn {
	cursor: pointer;
}

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
4 years 1 month ago #96323 by dweisser
dweisser replied the topic: Can I make the navigator buttons images?
Your solution works perfectly. Ahh, thank you both so much for your help.

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now