WordPress.org

Ready to get started?Download WordPress

Forums

WP jQuery Lightbox
Lightbox with Responsive Gallery Grid Plugin or similar (8 posts)

  1. areyouscreening
    Member
    Posted 11 months ago #

    This is a longshot I know, but I found this plugin Responsive Gallery Grid which I really like, but basically only Lightbox or the Gallery Grid will work, but not both at the same time.

    Just wondering if there is any way to get them to play nice, or if there is a similar option that does.

    Thanks.

    http://wordpress.org/extend/plugins/wp-jquery-lightbox/

  2. shiju.komath
    Member
    Posted 11 months ago #

    hi friend do u know like other plugin http://www.iwebix.de/front-slid

    this is not working in latest version .. plz suggest another if u can..

  3. Jules Colle
    Member
    Posted 11 months ago #

    Hi areyouscreening, funny that I stumble on this. I'm the author of Responsive Gallery Grid :)

    It is possible to use a lightbox with the plugin, as you can see here http://mensville.be/?page_id=2. I used Colorbox for this. All you would need to do is add colorbox, and add this line of jQuery before your </head> tag in your header.php file.

    <script>jQuery(document).ready(function() { jQuery('.imagegrid a').colorbox(); })</script>

    The plugin was only released today, so I'm still working on making it more user friendly to integrate lightbox. If you don't need it very urgently, please keep an eye out for updates in the comming days.

  4. areyouscreening
    Member
    Posted 11 months ago #

    Thanks for the response. How great that you did stumble on it.

    So, here's a silly question. The Colorbox link moves possibly beyond my knowledge. I'm not sure what adding that even means. If it's not adding a WordPress plugin, I'm lost.

    Adding the line of code to the file I can do, no problem, but I don't know what to do with the colorbox.

    I see that there is a plugin for WP that is specifically called jQuery Colorbox, but I assume that is not exactly the same as adding via the link. Or is it?

  5. Jules Colle
    Member
    Posted 11 months ago #

    I just tried to add the jquery colorbox plugin to my test site, and it works out of the box. see it in action here: http://bdwm.be/rgg/sample-page/

    The plugin I used was http://wordpress.org/extend/plugins/jquery-colorbox/

  6. areyouscreening
    Member
    Posted 11 months ago #

    Works great. Thanks a lot for the help.

  7. Niko23
    Member
    Posted 11 months ago #

    Hi everyone,

    I used the WP jQuery Lightbox for my WP gallery to make the whole design more attractive for mobile devices like Smartphones. Turned out it works very well with the default WP gallery and I was very satisfied. Unfortunately, the default WP gallery is not very attractive on mobile devices. While stumbling across this thread, I thought I found the solution for my gallery problem. RGG is the best gallery I have seen so far and I was very excited about using it on my blog. Sadly, as mentioned by areyouscreening, the WP jQuery Lightbox (jqlb) isn't compatible with RGG out of the box. So I tried to modify both plugins a little bit to make this dream-team of responsive design come together :)
    It is working now on my WP, but I can't estimate all of the consequences, because I'm not that familiar with WP.
    I found out, that only the jqlb is working when both plugins are activated. So some part of jqlb is maybe overriding the changes of RGG. After changing the priority of add_filter( 'post_gallery', [...] ); in jqlb to 8 (was 10), RGG was working properly while jqlb was still enabled. First success! But now, jqlb was not working, because of double rel="" attributes in the link tag of the images (the first one from RGG and the second one from jqlb). So I deleted the rel="" attribute from RGG (because jqlb needs it to work properly) and as far as I can tell, both plugins are working without problems now.

    Summary:
    Change in wp-jquery-lightbox.php
    add_filter('post_gallery', 'jqlb_filter_groups', 10, 2);
    to
    add_filter('post_gallery', 'jqlb_filter_groups', 8, 2);
    Then change in gallerygrid.php
    echo "<a rel=\"$rel\" href=\"$link\" title=\"$title_esc\">$img</a>";
    to
    echo "<a href=\"$link\" title=\"$title_esc\">$img</a>";

    Again, I don't know if my modification causes any problems. As far as I can tell, it works fine.
    Finally, I would like to thank both developers for their amazing work! The collaboration of both plugins makes the gallery in WP so much more enjoyable on mobile devices. Thank you for sharing your work and experience with this community.

  8. Selrond
    Member
    Posted 4 months ago #

    It is possible to use a lightbox with the plugin, as you can see here http://mensville.be/?page_id=2. I used Colorbox for this.

    It works except of the fact, that colorbox lightbox is not responsive! ... :/

Reply

You must log in to post.

About this Plugin

About this Topic