Title: CSS/Javascript Image Rollovers
Last modified: August 18, 2016

---

# CSS/Javascript Image Rollovers

 *  [textfield](https://wordpress.org/support/users/textfield/)
 * (@textfield)
 * [20 years ago](https://wordpress.org/support/topic/cssjavascript-image-rollovers/)
 * I have tried several approaches to image rollovers WITHIN a post and/or page,
   but nothing seems to work (at all). All of these methods are tested and work 
   in static web pages, but do not seem to work in the WP loop/post. Any suggestions
   or resources would be greatly appreciated.
 * To clarify, I am trying to find a rollover script that works WITHIN the post ,
   not in the header, footer or sidebar, that works fine.

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [monkeypup](https://wordpress.org/support/users/monkeypup/)
 * (@monkeypup)
 * [20 years ago](https://wordpress.org/support/topic/cssjavascript-image-rollovers/#post-390460)
 * Here you go, bud.
 * [This generator ](http://www.collylogic.com/scripts/rollover.html)will get you
   a rollover for your post or page. Be sure to follow the instructions, and you
   need to add the css information to your style sheet.
    I’ve used this for rollovers
   in posts and pages for a while now, and I’d never do a rollover without it!
 *  Thread Starter [textfield](https://wordpress.org/support/users/textfield/)
 * (@textfield)
 * [20 years ago](https://wordpress.org/support/topic/cssjavascript-image-rollovers/#post-390462)
 * Thank you so much, tested it and works. I actually visited this site earlier,
   but am always skeptical of code generators! Much appreciated, tried about 5 different
   methods that work in static pages, but not in wordpress for some reason, thanks
   again!
 *  [monkeypup](https://wordpress.org/support/users/monkeypup/)
 * (@monkeypup)
 * [20 years ago](https://wordpress.org/support/topic/cssjavascript-image-rollovers/#post-390464)
 * No problem, Ace.
 *  Thread Starter [textfield](https://wordpress.org/support/users/textfield/)
 * (@textfield)
 * [20 years ago](https://wordpress.org/support/topic/cssjavascript-image-rollovers/#post-390468)
 * Shoot, this method doesn’t work in Firefox/Mozilla browsers! Monkeypup, does 
   it work for you?
 *  [monkeypup](https://wordpress.org/support/users/monkeypup/)
 * (@monkeypup)
 * [20 years ago](https://wordpress.org/support/topic/cssjavascript-image-rollovers/#post-390469)
 * It’s the only browser I use. If you’re using FF 2.0, you might have a problem,
   as I noticed the rollovers stopped working in 2.0 once. I restarted the browser
   and it was fine.
 * But if you’re using FF 1.5 than I don’t know what to tell you. Never had an issue
   with it.
 *  [kalico](https://wordpress.org/support/users/kalico/)
 * (@kalico)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/cssjavascript-image-rollovers/#post-391179)
 * I have tried this, and maybe I am doing something wrong. The instructions do 
   not indicate if you have to name the class (I would assume so!) or if you need
   text within the a href tag. It seems like they just want you to paste and use
   the code as is, but for me it doesn’t work…neither alone, nor with the modifications
   I just mentioned. Any help?
 *  [kalico](https://wordpress.org/support/users/kalico/)
 * (@kalico)
 * [19 years, 1 month ago](https://wordpress.org/support/topic/cssjavascript-image-rollovers/#post-391180)
 * I figured out that the collylogic script is doing something funky — it’s not 
   including any of my parameters in the final code.
 * BUT….I found a great solution that worked in a Page:
 * CF Rollover Wizard 2.2
 * [http://www.freedownloadscenter.com/Web_Authoring/Scripting_Tools/CF_Rollover_Wizard_Download.html](http://www.freedownloadscenter.com/Web_Authoring/Scripting_Tools/CF_Rollover_Wizard_Download.html)
 * I put the script in my header.php file, and the html in my Page (using the text
   editor mode) and voila! I changed the <img> tag in the html to include my style
   information (float right). Oh, just don’t put any spaces into the html code, 
   that seemed to mess it up pretty bad.
 * I hope others will find this as useful as I did. It is the first thing that has
   worked, and I have tried a bunch of javascripts that did not. This was smooth
   and clean, and worked on the first try.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘CSS/Javascript Image Rollovers’ is closed to new replies.

## Tags

 * [javascript](https://wordpress.org/support/topic-tag/javascript/)
 * [rollovers](https://wordpress.org/support/topic-tag/rollovers/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 7 replies
 * 3 participants
 * Last reply from: [kalico](https://wordpress.org/support/users/kalico/)
 * Last activity: [19 years, 1 month ago](https://wordpress.org/support/topic/cssjavascript-image-rollovers/#post-391180)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics