Can I make the navigator buttons images?

Mehr
4 Jahre 1 Monat her #96297 von dweisser
dweisser antwortete auf das Thema: 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

Bitte Anmelden um der Konversation beizutretten.

Mehr
4 Jahre 1 Monat her #96321 von tpartner
tpartner antwortete auf das Thema: 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.

Bitte Anmelden um der Konversation beizutretten.

Mehr
4 Jahre 1 Monat her #96323 von dweisser
dweisser antwortete auf das Thema: Can I make the navigator buttons images?
Your solution works perfectly. Ahh, thank you both so much for your help.

Bitte Anmelden um der Konversation beizutretten.

Jetzt loslegen!

Melden Sie sich jetzt an, und erstellen Sie in wenigen Minuten Ihre erste Umfrage.

Account einrichten