RoyalSlider in Modal Lightbox Effect

ben's Avatar

ben

05 Dec, 2012 01:42 PM

I am looking for a solution to display the RoyalSlider in Modal Lightbox Effect, that means NOT full-screen.
The lighbox effect should be contained only in the current browser window.

I could not find any documentation on this, any hints appreciated.

  1. 1 Posted by mr.henry.kiss on 05 Dec, 2012 04:14 PM

    mr.henry.kiss's Avatar

    Hi,

    Fellow user here.
    There is an example in a modal window. I was able to use it successfully.

    http://dimsemenov.com/plugins/royal-slider/slider-in-lightbox/

    Hope that helps,
    Wayne

  2. 2 Posted by ben on 07 Dec, 2012 05:54 AM

    ben's Avatar

    Hi Wayne,

    Thanks, yes I saw this but it's a quite complicated setup with Colourbox etc. I was wondering if there is a way to have the HTML for the Royal Slider on the same page. Now it looks it`s somehow inserted as separate file with AJAX.

    Thanks,
    Ben

  3. 3 Posted by mr.henry.kiss on 07 Dec, 2012 07:35 AM

    mr.henry.kiss's Avatar

    Hi Ben,

    You can set the colorbox type to inline, just initialize it with inline:true and use the id of the inline element in the href argument. Colorbox has a bunch of examples.

    I am troubleshooting another issue and my example includes an colorbox using an inline royalSlider. It is a bit convoluted since I am also moving the thumbnails around, but perhaps it will help you to have a look:http://outlinegraphics.com/dmitry/home.html

    Hope that helps,
    Wayne

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? 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