WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Plugin: Easy Fancybox] Inline [gallery] showing gallery thumbnails when opened (5 posts)

  1. csisson
    Member
    Posted 1 year ago #

    I'm trying to use the inline gallery feature together with the WP [gallery] but it's been driving me mad.

    Here's the code:

    <a href="#gallery-1" class="fancybox">View pictures</a>
    <div class="fancybox-hidden">
    [gallery columns="2" link="file" ids="1316,1310,1313,1318"]
    </div>

    The problem is: the first thing that appears on the lightbox when the link is clicked are the gallery thumbnails, not the first gallery image as I was expecting.

    What could be possibly wrong?

    Thanks in advance!

  2. RavanH
    Member
    Posted 1 year ago #

    Hi, you are confusing two concepts. The inline content mode and normal images. The link is for inline content, but you want to show simple images.

    Remove that link code from your example and replace it with this: Take that first image with number 1316 as ID and insert it as a single image of size thumbnail linked to the image file.

    Then modify that gallery so that that first image is removed from it (otherwise that first image will be showing twice) and save your post.

    You should now have one thumbnail image linked to its full-size image file and a hidden gallery. The rest will be taken care of by Easy FancyBox if you have the default settings (automatically find image links and group them all in one gallery).

    Hope that helped :)

  3. csisson
    Member
    Posted 1 year ago #

    Perfect! Perfect! Perfect! Perfect!

    Dank je RavanH!

  4. Korb
    Member
    Posted 9 months ago #

    I don't understand the solution. Can someone elaborate? Perhaps paste in the correct version of the code that worked?

  5. Korb
    Member
    Posted 8 months ago #

    This is my code:

    <p><a href="/images/pic1.gif" class="bold">View diagrams &raquo;</a></p>
            <div class="fancybox-hidden">
            	[gallery columns="2" link="file" ids="647,645" class="fancybox"]
            </div>

    As you can see I'm using a text link to trigger the overlay gallery. What happens is that only the image in the href shows up in the overlay. The second image does not.

Topic Closed

This topic has been closed to new replies.

About this Topic