Slideshow css auto change

Hi,
I am looking to see if it is possible to have the slideshow change the css for the background image (on the template it is the gradient black area.
What we want to happen is as the slideshow images change, also the background css image changes at the same time.
Is this possible?
Thanks

Hi

Yes I think You can attache a dfferent css style for each image, so why not add a different background than.

How would I do that in the gk image show module administration page.
I am using the default settings which you can see here:
http://demo.gavick.com/joomla16/dec2011/
It is the black background that encompasses the full width of the page that we want to change whenever the slide show images change. This appears to be a separate CSS class.
Can you expand on your idea?
Thanks

Hi

Och I thought whole the image show is covering it. This way I think that only by resizing image show to cover it all the background can change. It for sure can be done by placing this code inside Image Show javascrip, but we do not support such customizations.

Do You need this background on sides at all ? Maby removing it will be the best option.

My understanding is, if I make the entire black bar apart of the slideshow, then I will be increasing the width of the containing div to be wider than the page with 1200px, which would either result in the black bar being reduced in width from the template version, or horizontal scroll bars appearing for the whole website.
Do you know of any Javascript code that can be used to access the css background from within the engine.js file?
Thanks

Hi

There is to much work to hack javascript I think. But if You would use a big image than You will not need to change background at all, because it will cover it entairly. But like I've said site will not look good on lower resolution screens. I advice to use not widther images than 980px and get rid of this background at all.

Hi,

Your thoughts are like mine!
Remove the large background image entirely and use smaller 980px images instead.
Only problem is the design requires a large background.
I did wonder if it was possible to hack the javascript, but it looked too big a job for me.
Thanks for your help.
I did find a Joomla 1.7 website that uses a background slideshow that looks perfect, you can see it on this page:
http://www.axens.net/
I will see if I can find this extension somewhere for download.

Thanks

Hi

Why haven't I thought about it You can still use Image Show to make it. Just a small fix for it's module position css will be needed.

Something like adding a suffix class for example " under-bg":

Code: Select all

.under-bg {
position:absolute;
z-index:-1;
}