PDA

View Full Version : Resolved Fade in slideshow loads black background first in IE



izzysanime
05-18-2011, 08:53 PM
Script Title: FF1+ IE6+ Opr9+
Ultimate Fade-in slideshow (v2.4)
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

A little stupid picky question, In IE the fade-in slideshow background color is black. So if you load a page with this, it will be black for a second before it loads the images. Is there a way to have it be a white background or even have the image be fully loaded without a fade in?

Thanks,
Josh

jscheuer1
05-19-2011, 12:53 AM
Put this style in the head of the page:


<style type="text/css">
#fadeshow1, #fadeshow1 .gallerylayer {
background-color: #fff !important;
}
</style>

where fadeshow1 is the wrapperid for the show. Or you can go for the first image as well by doing:


<style type="text/css">
#fadeshow1, #fadeshow1 .gallerylayer {
background: #fff url(path/filename.jpg) !important;
}
</style>

where path/ is the path (if any) to the first image and filename.jpg is the filename and extension of the first image in your slideshow.

Be sure to use the !important keyword as shown to override the script's default styles for these elements.

Note: You may instead incorporate the rule you choose to use into an existing stylesheet for the page.

izzysanime
05-19-2011, 12:43 PM
Awesome, thank you.

I had tried that in just "#fadeshow1" but it wouldn't work before. Thanks for telling the other one I needed to add.

Thanks,
Josh