SharePoint Stack Exchange is a question and answer site for SharePoint enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have the images like so in one picture lib. Is there a way i can apply mouseover to these images e.g Originla images is : gin.jpg and rollover is ginHover.jpg without needing to create another pic lib

<div id="foo2">
<img width="130" height="130" alt="Virgin" src="/sites/gin.jpg">
<img width="130" height="130" alt="Optus" src="/sites/Op.jpg">
<img width="130" height="130" alt="Telstra" src="/sites/stra.jpg">
<img width="130" height="130" alt="OptusHover" src="/sites/OpHover.jpg">
<img width="130" height="130" alt="TelstraHover" src="/sites/straHover.jpg">
<img width="130" height="130" alt="VirginHover" src="/sites/ginHover.jpg">

THanks in Advance

share|improve this question

You can use a css sprite and upload a single image in the document library corresponding to the rollover.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.