Your Cart

photo/galleria-bar overlap in fullscreen

These forums are now closed to new replies / tickets.

Please open a support ticket from our new Support page.

Front Page Forums Questions photo/galleria-bar overlap in fullscreen

  • gravatar
    GK
    October 13, 2014 at 11:07 pm

    I would like to turn off idle mode while in full screen so that
    the galleria-bar with the photo’s title/description is always
    visible. This appears to do the trick:
    Galleria.on(‘fullscreen_enter’, function(e) {
    this._options.idleMode=false; });
    Galleria.on(‘fullscreen_exit’, function(e) {
    this._options.idleMode=true; });

    My problem is that the bar covers up the bottom of the photo. Is
    there some setting, CSS, or other magic that can change this? The
    photo would just need to be a a bit smaller.


    gravatar
    GK
    October 21, 2014 at 5:33 am

    I stumbled my way to a better solution.

    To keep the bar visible, from galleria.twelve.js I removed:
    if(!Galleria.TOUCH){this.addIdleState(r,{bottom:-31})}
    if(!Galleria.TOUCH){this.removeIdleState(r,{bottom:-31})}
    Maybe this could have been accomplished by calling the addIdleState
    and removeIdleState methods from fullscreen_enter and
    fullscreen_exit event callbacks.

    To keep the bar from overlapping the photos in full screen, from
    galleria.twelve.css I removed:
    .galleria-container.fullscreen .galleria-stage { bottom: 0 } Maybe
    this could have been accomplished with additional css
    elsewhere.

    Having discovered it only one week ago, I already like
    galleria’s features, ease of use, and extensible. But I have also
    found many bugs. Is this product stable yet? Still in active
    development?


Galleria.io uses cookies to store information. You can read more about that in our Privacy Policy. I understand