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.
Is there any way to have separate galleria configurations for desktop v mobile. In Pages there was no direct way but I could modify the mobile php to the correct configuration so the home page renders correctly. Specifically the height:ratio and imageCrop tags. But that is not an option for Stage.
Offline
there's nothing in the plugin for that. And Stage doesn't output a mobile.php file. So I guess the answer would be no.
Unless the changes you made were to css, then you use media queries in custom css.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
When using a Galleria Slideshow in Stage CE3 broke down much nicer on mobile. The switch to a simple gallery presention worked better at mobile screen dimensions. Trying to figure out how to shoehorn a gallery presentation into the mobile place. Cant seem to figure it out yet though.
Offline
So I got my hands dirty and edited the template_index.php file in my publisher driven galleria slideshows.
Where the php makes the call to run galleria i added some variables that I set to the standard then an if statement that checks for the screen width and sets the variables I want changed for mobile, then call those variables in the Galleria.configure. This gave the the ability to have different setups for galleria and optimize for mobile. The differences are subtle but make a difference. And i couldn't figure out how to get this into css or a phplugin. Not elegant and has its downfalls, but it works.
$GalleriaHeight = .453125;
$GalleriaimageCrop = "height";
if (screen.width < 768 || navigator.userAgent.match(/Android|Blackberry|SymbianOS|iPhone|iPod|iPad/i)){
$GalleriaHeight = 0.66;
$GalleriaimageCrop = "landscape";
}
Galleria.loadTheme("<?php echo TTG_SITE; ?>lib/galleria/galleria.ce4.min.js");
Galleria.run("#galleria");
Galleria.configure({
autoplay: 3000,
clicknext: true,
fullscreenCrop: false,
height: $GalleriaHeight,
imageCrop: $GalleriaimageCrop,
imagePan: false,
initialTransition: "fade",
maxScaleRatio: 1,
pauseOnInteraction: true,
showCounter: true,
showImagenav: true,
showInfo: false,
thumbnails: false,
touchTransition: "fadeslide",
transition: "fade",
transitionSpeed: 400,
_showFullscreen: true,
_showPlay: true
});Last edited by evan (2014-09-13 10:16:30)
Offline
You might want to add IEMobile to your list so that it works on Windows Phones.
Offline