How can I change the script on my website www.joeduerr.com to allow the mouseover to work the same as it does with IE?
I use a script to dim the images and mouseover to brightly display the images. If you go to headshots or any of the bottom buttons on my website, in Firefox the script doesn't work. I need to know how to rewrite the code so it will work with Firefox. It only works with IE. I would be happy to supply the code I use if that will help.
All Replies (3)
A good place to ask advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the mozillaZine forum site in order to post at that forum.
The only thing worse than the problem I'm having is the Firefox support. I have spent more time trying to get a script working on your browser than I have developing my whole website, and I use Windows Notepad to write all my programs. I will inform all my clients that are using Firefox that I will NOT be fixing the problem with Mozilla and that if they want to show off their website they will have to use Windows Explorer.
I think you can do this in Firefox 8 with the opacity css property. See the example at https://developer.mozilla.org/en/CSS/opacity
I have tried this on a simple image with a classname of "opacity". For a nice fade in/out effect you can add a transition with 4 extra lines of css.
img.opacity {
opacity: 0.4;
-moz-transition-property: opacity;
-moz-transition-duration: 1s; }
img.opacity:hover {
opacity: 1.0;
-moz-transition-property: opacity;
-moz-transition-duration: 1s; }