colorbox with fullscreen template

info's Avatar


04 Dec, 2012 09:45 AM


I am currently using the lightbox template, and I added the fullscreen option to royalslider.
My royalslider images are loaded with ajax, just as in the example.

However, when I press the fullscreen button, I can see that royalslider is scaled up to fit the fullscreen, but it is restrained by the colorbox canvas.
Is there a possibility to have the colorbox canvas also scale up to the fullscreen ?

I think I need to call the updateLightboxSize(); function after the fullscreenbutton has been clicked, but I can't seem to make it work.

  1. 1 Posted by mr.henry.kiss on 04 Dec, 2012 06:41 PM

    mr.henry.kiss's Avatar


    The Colorbox is clipping the fullscreen overlay. I resolved the problem by removing the overflow:hidden from the following line in colorbox.css:

    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

    NOTE: I am just another user of royalSlider and not part of the support team.

    Hope that helps,

  2. 2 Posted by info on 05 Dec, 2012 07:52 AM

    info's Avatar

    Hello Wayne,

    Many thanks !
    This was exactly what I was looking for.


  3. info closed this discussion on 05 Dec, 2012 07:52 AM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac