javascript rollover images

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Chris 49 posts 67 karma points

May 26, 2011 @ 19:28
0

Javascript Rollover Images
Took a look to find a solution but am still kinda stuck. Using Umbraco 4.5.2 (as host does not yet support ASP.NET 4.0) and want to use JS rollover images on the side of my page. Trying to determine the best way to do it instead of using just a textbox multiple or text string.

Current code is as follows. Ideally, would love to have the code ready and just be able to select two images for the rollover effect when desired.
```
<div class="imageholder">
  <a onmouseover="document.consult.src='img/request_on.jpg';"  href="contact.aspx" onmouseout="document.consult.src='img/request_off.jpg';">
  <img class="button" name="consult" src="img/request_off.jpg" alt="Request a Consultation"/></a>                    
</div>
```
Chris.
Copy Link
Claushingebjerg 939 posts 2574 karma points

May 27, 2011 @ 11:00

0

Hi Chris

What are you trying to do xslt-wise?

Are you looking for a way to render out two images defined on a page?

Copy Link
Chris 49 posts 67 karma points

May 27, 2011 @ 13:29

0

Thanks for the reply! There are two situations that would be ideal.

1. I have x number of pre-determined rollover buttons already coded and I could display those buttons based on a selection (ie. I have a "Contact Us", "Request a Consultation", "Lean More", etc. rollover images and from a selection, I could chose which to display).

2. Allow for two images to be selected via the media picker or whatever. The first image selected would be the standard image and the second image selected would be the rollover image.

Please let me know what other info I can provide. Thanks for the help.

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?