Title: Iframe gallery
Last modified: March 17, 2025

---

# Iframe gallery

 *  Resolved [Johan Jonk Stenström](https://wordpress.org/support/users/jonkastonka/)
 * (@jonkastonka)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/iframe-gallery/)
 * Is is possible to get a gallery (previous and next buttons) for iframes?
 *     ```wp-block-code
       <a href="[iframe url]" data-fancybox data-type="iframe" class="fancybox-iframe"></a>
       ```
   
 * I’ve tried data-fancybox=”gallery” and rel=”gallery” for the links, but I can’t
   get it to work.

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Thread Starter [Johan Jonk Stenström](https://wordpress.org/support/users/jonkastonka/)
 * (@jonkastonka)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/iframe-gallery/#post-18365359)
 * Ok, got it to work a little bit by adding rel=”[parent element class]”. But the
   previous and next buttons are still hidden. But I can css them to force them 
   to show, but then I get the issue that I get a non working previous button on
   the first fancybox, and a non working next button on the last fancybox.
 *  Plugin Author [Firelight](https://wordpress.org/support/users/firelightwp/)
 * (@firelightwp)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/iframe-gallery/#post-18365878)
 * Hi [@jonkastonka](https://wordpress.org/support/users/jonkastonka/)! In short,
   yes, it should be possible to open iframes with gallery navigation in the lightbox.
   I just did a quick test. If I add the following html to a page, the lightbox 
   opens the pages in an iframe with gallery navigation. I just use this as an example
   of the simplest markup that should work.
 * As an experiment, can you see if it this works as expected for you on a test 
   page? If so, then we have a starting point and we can see if there’s something
   else that needs to be adapted to your case.
 *     ```wp-block-code
       <p><a href="https://en.wikipedia.org/wiki/France" class="fancybox-iframe" rel="iframegallery">Open France wikipedia page</a></p><p><a href="https://en.wikipedia.org/wiki/England" class="fancybox-iframe" rel="iframegallery">Open England wikipedia page</a></p>
       ```
   
 * Note I tested this with Classic Reloaded lightbox. I didn’t double check to confirm
   the other lightboxes yet. And if you are using pro lightbox, you might need slightly
   different markup.
 *  Thread Starter [Johan Jonk Stenström](https://wordpress.org/support/users/jonkastonka/)
 * (@jonkastonka)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/iframe-gallery/#post-18370017)
 * Thanks!
   I solved it like this, using FancyBox V2:
 *     ```wp-block-code
       <div class="embed-scroll-items"><div class="embed-scroll-item"><atarget="_blank"rel="noopener noreferrer embed-scroll-items"data-fancyboxdata-type="iframe"class="fancybox-iframe"></a></div></div>
       ```
   
 *  Plugin Author [Firelight](https://wordpress.org/support/users/firelightwp/)
 * (@firelightwp)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/iframe-gallery/#post-18370622)
 * Great! Thanks for following up and letting us know!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Iframe gallery’ is closed to new replies.

 * ![](https://ps.w.org/easy-fancybox/assets/icon-256x256.png?rev=3188201)
 * [Firelight Lightbox](https://wordpress.org/plugins/easy-fancybox/)
 * [Support Threads](https://wordpress.org/support/plugin/easy-fancybox/)
 * [Active Topics](https://wordpress.org/support/plugin/easy-fancybox/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/easy-fancybox/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/easy-fancybox/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Firelight](https://wordpress.org/support/users/firelightwp/)
 * Last activity: [1 year, 2 months ago](https://wordpress.org/support/topic/iframe-gallery/#post-18370622)
 * Status: resolved