Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Pages: 1
I would like to switch the Galleria Slide Show background depending on whether or not the Slideshow is Full Screen or not.
Basically, I want a background when in Full Screen and no background when it's "normal" size.
I am sure this would have to be done in phplugins, if it is possible at all.
Any ideas on how to accomplish this?
Offline
the background color you set will apply to both regular size and full screen. There are no controls in Stage to change this. But you might be able to set what you want by hacking the script itself. See the Galleria site for documentation: http://galleria.io/
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Inspect the HTML structure in full-screen view. I think there's a .fullscreen class or id over it all. You should be able to target this using PHPlugins and custom CSS after you've identified the elements you will need to target with your changes.
Offline
Unfortunately, galleria.fullscreen refers to the full screen icon.
Best I can tell, there's a galleria-container, and that's where the background color is specified for both "normal" and "full screen" views.
I am trying to decipher the Galleria code, but it's slow going, as JavaScript isn't my strong suit.
I see there are callback functions for when galleria goes into and exits fullscreen mode. But I don't know if there is a way to change the CSS in those functions.
Will keep plugging away at it...
Offline
Javascript has got nothing to do with it. Inspect the slideshow, identity the HTML elements you want to change, write CSS targeting those elements.
Offline
try this:
.galleria-container.fullscreen {
background-color: red;
}Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
try this:
.galleria-container.fullscreen { background-color: red; }
Exactly what I was looking for.
Thanks Rod!
Offline
Pages: 1