WordPress.org

Ready to get started?Download WordPress

Forums

Responsive Lightbox by dFactory
Can't figure out how to use single image as a gallery (11 posts)

  1. Erlend Sogge Heggen
    Member
    Posted 1 year ago #

    Seems like a really solid plugin, but I can't figure out how to take advantage of this feature:

    Option to display single post images as a gallery

    Is there a how-to for that somewhere?

    Also, does it work with multiple galleries? Here's what I want to do:

    Paragraph
    [image1]{gallery with image1, image2, image3}

    Paragraph
    [image4]{gallery with image4, image5, image6}

    http://wordpress.org/plugins/responsive-lightbox/

  2. dFactory
    Member
    Plugin Author

    Posted 1 year ago #

    You can either add multiple galleries in a post (and they should be displayed as a separate galleries) or:
    You can add rel="lightbox[gallery-n]" in your theme where n(in gallery-n) is a numer of separate gallery.

  3. Erlend Sogge Heggen
    Member
    Posted 12 months ago #

    Thanks for the prompt reply. Seems I never got an e-mail about it :(

    As far as I know, there's no simple way to make your first solution work with only a single thumbnail. The native WordPress gallery insists on displaying a thumbnail for every image you want to have in your slideshow. I've yet to find a way to control how many thumbnails to show for a given gallery. It's all or nothing.

    As for the rel="" method, that sounds like what I'm looking for. I tried something similar with a different plugin and it worked so long as the no-thumbnail slides were linked to an actual piece of text. Links that don't wrap around anything appear to be removed.

    But I don't quite understand how to apply what you've described. What is the "number of a separate gallery" that you're referring to? Is it something I have to define manually?

    Just to make sure we're on the same page, what I'm trying to do is make each thumbnail on this page link to its own separate gallery:
    http://screencloud.net/v/Dq0m

  4. dFactory
    Member
    Plugin Author

    Posted 12 months ago #

    Hi Erlend,

    When it comes to the gallery-n method. The idea is simple:

    1) if you give all your images displayed in a post or page just a rel="lightbox" attribute, it will be displayed together in one gallery
    2) if you assign rel="lightbox[gallery-1]" to 10 images, and rel="lightbox[gallery-2]" to 5 images, you will have 2 galleries on a page containing 10 or 5 images
    3) if you give every image in a post a differently named rel attribute for e.g. rel="lightbox[image-1]", rel="lightbox[image-2]", rel="lightbox[image-3]" etc. each image will be displayed separately, not as a gallery (so you can't navigate between images)

    Basically whenever there are same rel attribute names assigned to images (or videos) those files will be a separate lightbox gallery.

    But from the screenshot you've sent I think you want to achieve something different: to make one image (thumbnail) open a gallery of images, that are not present on the page/post. Do I understand you correctly?

  5. Nick
    Member
    Posted 12 months ago #

    Hi dFactory,

    I am looking for the same solution. The ability to display only one image but have it open a gallery of images that are not visible on the page.

    Any help is appreciated

    Thanks
    Nick

  6. malissas
    Member
    Posted 6 months ago #

    Hello dFactory,

    o make one image (thumbnail) open a gallery of images, that are not present on the page/post. Do I understand you correctly?

    sorry to bump an old post, this is exactly what I want. Can your plugin do this?

  7. sriver
    Member
    Posted 5 months ago #

    Hello dFactory,

    I'm wondering the same thing. Can we display one image but have it open a gallery of images that are not visible on the page? If so, how do we code that?

    Thanks so much for your reply! :)

  8. dFactory
    Member
    Plugin Author

    Posted 5 months ago #

    This plugin is only for applying lightbox effect. It's just not capable of organizing your images into galleries.

    But many of you are asking for that kind of feature. If we have some time (which may not happen soon) we'll think of creating a complete gallery plugin that would do both: work smoothly with Responsive Lightbox and allow you to organize galleries and display images in a theme with same level of ease and flexibility as in RL.

  9. malissas
    Member
    Posted 5 months ago #

    I can help with the request to open a gallery into a lightbox from the first image with this little bit of CSS

    /*Gallery only show first image*/
    
    .gallery-item {
    	display: none;
    }
    .gallery-item:first-child {
    	display:block;
    }

    Basically, it just hides the rest of the gallery so only the first image is seen.

    My new issue is to try and get the gallery first images to display as a grid or to display left or right aligned in a paragraph. (ie to behave like a single photo.)
    Any advice?

  10. conidis
    Member
    Posted 5 months ago #

    Great idea malissas
    If you add this, then you have everything floating:

    .gallery {float:left;width: 200px}/*whatever width suits your need*/

    It's amazing. Been looking for single thumb image galleries for days and I can't find any...

  11. charliechin
    Member
    Posted 5 months ago #

    Hi guys!

    I tried malissas approach and it doesn't work at all. I'm putting those CSS commands under my theme folder in the style.css . Where should I write it then?

    Thank you!

    EDIT - No worries, I don't know why it works now but, hey, it does. Thanks you for this approach!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic