Back ground colour of Ultimate Fade-in Slideshow V2.6.1

1) Script Title: Ultimate Fade-in Slideshow V2.6.1

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: The background colour is set as 'black' in lines 60 & 70 of this script. I have found that it can be changed by editing line 70, but editing line 60 makes no difference. As I frequently use this script for multiple slideshows on a single page, would it be possible to have the background colour in the settings for each individual show? There would need to be a default setting in the script itself.

I can't test anything on mobile but how about changing the 'black' to 'transparent' in the JS file (or remove that property:value pairing altogether), and set a background colour in the CSS instead. You might need to wrap the slideshow div in an additional wrapper div and set the background colour on that, or, use an !important override against the CSS declared for the fadeshow id.

Quote:

---

Originally Posted by Beverleyh

[...] or, use an !important override against the CSS declared for the fadeshow id.

---

An !important override for .gallerylayer will do. Something like

Code:

---

.gallerylayer {
/*a background-color for smooth image-transition*/
background: green!important
}

---

or

Code:

---

.gallerylayer {
/*a background-image for smooth image-transition*/
background: url(https://stadswandelaars.files.wordpress.com/2011/10/dsc009931.jpg) 50% 35% no-repeat!important; 
}

---

Don't use background: transparent!important, as this would ruin smooth image transition.

Thanks both. I'll have a look at the CSS options. Each slideshow div has a unique ID so it should be easy to add different CSS for each one.

Yes, that's the way to do it, for ex:

Code:

---

#fadeshow1 .gallerylayer {background-color: green !important;}
#fadeshow2 .gallerylayer {background-color: red !important;}

---

Each can then have its own background color.

Quote:

---

Originally Posted by jscheuer1

Yes, that's the way to do it [...]. Each can then have its own background color.

---

Or its own background img, see post#3.