I have an animated gif that I was looking at putting into a Joomla Module. It is an icon that as you hover over it the icon changes. Built in Fireworks, when I pull it up on an html page it works just fine, however I am having all kinds of problems bringing it into Joomla. Does anyone have any suggestions on how they do this? Am I tackling this the wrong way? The items have to be customized so I'm not trying to use some extension or other, I just want to be able to put this in a Custom HTML module. I have the Adobe Creative Cloud for editing, and JCE for Joomla. (with all plugins). I don't want to use iFrame as this is an entirely responsive site using Themler.


1 Answer 1


There is absolutely no reason why animated Gifs should fail to display in Joomla, hover effect or not, so either you have an error in your code, or something else is causing "all kinds of problems". If you describe your problem with more detail it possible that someone can help you with the issue.

Normally, the JCE editor uses this code to add hover effect to an image:

<img onmouseover="this.src='http://heathersanimations.com/autobadges/auto39.gif';"
 src="http://placehold.it/96x96" alt="Rollover" >

This code works fine in Joomla, I just tested it.

  • It's an animated gif, not a rollover, so for instance the background fades out as the user hovers over, once they are no longer rolling over, it no longer fades. I'm guessing it sounds like I'm setting something up incorrectly with the animated gif would you agree? Or do you think there is something else that I can do? May 24, 2016 at 4:40

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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