soycharliente Posted October 26, 2009 Share Posted October 26, 2009 Does anyone know of a banner rotation script with .png support for all browsers? I am using a script that currently shows a black background when I try and use transparent .png files. I've tried hacking the code with everything I can think of and nothing is working. I don't have a link because it's all local at work. And by rotation, I don't want to rotate images in the sense of 90 degrees, just have them fade in a out with each other after a few seconds. Thanks. Quote Link to comment Share on other sites More sharing options...
soycharliente Posted October 26, 2009 Author Share Posted October 26, 2009 Ahhhhhhh. Sorry. Only black backgrounds in IE (Windows). Every other browser (Windows) works. I haven't been able to get to my Mac or my *nix yet so I can't comment on how it works on those at this time. Quote Link to comment Share on other sites More sharing options...
seanlim Posted October 27, 2009 Share Posted October 27, 2009 if i'm not mistaken, older versions of IE do not support transparency/partial transparency in PNGs. It is therefore not an issue with the script, but with IE itself. There are workarounds though, that can be found easily online. Quote Link to comment Share on other sites More sharing options...
soycharliente Posted October 27, 2009 Author Share Posted October 27, 2009 Thanks for the reply. Even before posting I tried to use some of the workarounds found online when dealing with transparent .png files in IE. (I'm also not interested in supporting anything past IE6 -- and even then if it wasn't perfect it would be fine. However IE7/8 need to be good.) None of them do anything. (One sort of worked in that the black background disappeared a split second after rendering, but then the images wouldn't even display in FF!) Also, the transparent images work totally fine (in all versions of IE that I've tested on) when using a simple <img /> tag. The black background only appears when I render them inside the JavaScript "slideshow" to try and fade multiple images in and out. The wrapping tag that the JavaScript uses just inserts a black background, regardless of any amount of CSS and/or further JavaScript calls to change it. Quote Link to comment Share on other sites More sharing options...
seanlim Posted October 28, 2009 Share Posted October 28, 2009 You aren't the only one with difficulties creating a transparent PNG slideshows. This discussion seemed to have arrived at a solution: http://www.dynamicdrive.com/forums/showthread.php?t=29499 Hopefully it works for you. Don't think I can help any further, this is beyond me all the best Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.