Click to See Complete Forum and Search --> : Transparent PNG's with a rollover effect


mfaulkner
04-24-2007, 10:41 AM
Hello,

I'm trying to achieve an image rollover effect using 2 PNG images that both contain transparency. The problem I'm experiencing is getting it to work in IE6 - The transparency works on the "off state" image as I'm using this JavaScript solution: http://homepage.ntlworld.com/bobosola/ but upon "rolling over" this image the 2nd PNG does not show up? this is the JavaScript rollover script that I'm using: http://www.dynamicdrive.com/dynamicindex15/domroll.htm

Has anybody successfully managed to do this?

Many thanks,

Mark

aswebdesign
04-24-2007, 02:18 PM
Hi Mark,

To achieve the effect your after, I would use just 1 image and use a CSS rollover technique called Pixy rollovers.
http://wellstyled.com/css-nopreload-rollovers.html

I would use this in combination with twin helix's png fix
http://www.twinhelix.com/css/iepngfix/

I haven't tried the two techniques in combination, but it should work. Sorry I can't give any more help just now. Off out!

Andy