Closed (fixed)
Project:
Galleria
Version:
7.x-1.0-beta3
Component:
Miscellaneous
Priority:
Normal
Category:
Support request
Assigned:
Unassigned
Reporter:
Created:
22 Jun 2011 at 22:49 UTC
Updated:
8 Sep 2013 at 14:41 UTC
Is there a way to make a full-screen photo gallery in D7? i.e., click a button, the photo gallery takes up the entire screen, click ESC to exit full-screen mode.
Comments
Comment #1
kroimon commentedSuch a feature is included in Galleria, but there currently is no easy way to use it via the D7 module.
But you can accomplish it by editing your Galleria theme. My example assumes you use and edit the "classic" theme:
Open the
galleria/themes/classic/galleria.classic.jsfile and find these lines (it's the last code block of the init function):Now, add the following right after that block:
You can now toggle between fullscreen and normal mode by clicking on the image.
Comment #2
Mark_L6n commentedAwesome! Thanks for the quick and excellent response!
Comment #3
kroimon commentedYou're welcome ;-)
Comment #5
klavs commentedI was ripping my hair out here.. I've added that js snippet to my theme's js file - and it doesn't work for me :(
until I found out, that it's the galleria.classic.min.js it was loading.. so that's the one that need to be changed (or replaced by the none minified version :)
Comment #6
astutonetI'm testing this module. Their resources are very good and it is an excellent solution.
The only difficulty I'm finding is for a display in full screen mode. There is not much information about it and a small tutorial would be appreciated, since the module still does not support this natively (I think the full screen display is the main attraction of this type of module).
In addition to the information in #1, someone can tell what changes were necessary or if there is currently another way to do this??
Regards.
Comment #7
astutonetMy solution:
Rename the file galleria.classic.min.js to galleria.classic.min.txt.
Edit the file galleria.classic.js and add the new features in #1
Clear the cache
Ready!