WordPress.org

Ready to get started?Download WordPress

Forums

how to enable lightbox in nextgen gallery (30 posts)

  1. solarcrash
    Member
    Posted 5 years ago #

    just a simple question i can't figure out for the life of me.

    i've enabled the next-gen gallery plugin
    uploaded pictures to a gallery
    set the options->effect to lightbox and saved settings

    I can't tell where I insert that code it supplies with the %gallery_name% ??

    when I insert a gallery into my post it simply adds gallery=1 \

    i simply want to be able to view a gallery via lightbox in a particular page

  2. moongoose
    Member
    Posted 5 years ago #

    Download lightbox2 (http://wordpress.org/extend/plugins/lightbox-2/) and install it in your plugins directory and activate it.

    Be sure that <?php wp_head(); ?> is in the header.php file of your theme.

    Select the lightbox effect as you did in the nexgen options > effect page and save the settings.

    That's it. It automatically then uses the lightbox plugin to display the images.

    This is true of all the effects. The only effect that is included in the nexgen download is the thickbox effect. The others you have to download and install in your plugins directory.

  3. object81
    Member
    Posted 5 years ago #

    I followed your instructions but still can't get lightbox2 to work. I downloaded lightbox plugin and activated it. Then updated the settings on the ngg effects options page.

    The only viewer working is thickbox.

  4. Alex Rabe
    Member
    Posted 5 years ago #

    Please post a link to your page

  5. object81
    Member
    Posted 5 years ago #

    Please post a link to your page

    Here is a link to a test entry with some photos.

  6. Ryan Paul
    Member
    Posted 5 years ago #

    Firstly use this clone of Lightbox2. I promise you it's far more lightweight:
    http://wordpress.org/extend/plugins/slimbox-plugin/

    Deactivate the plugin you're using, and upload this one, making sure ALL the files are uploaded.

    I checked the paths of some of the lightbox plugin on your site, and they gave me a 404 error. The Slimbox plugin is an exact clone, looks the same, functions the same but is far more lightweight.

    Check it out

  7. Alex Rabe
    Member
    Posted 5 years ago #

    Yep all JavaScript return a 404, check the path and try the recommendation from othellobloke

  8. object81
    Member
    Posted 5 years ago #

    Thanks Guys! That did the trick.

    But now I am wondering how to change "the key shortcuts" used for 'previous' and 'next'. Looked trough the javascript of slimbox.js but couldn't really find out where to change this. I need it to fully localize my wp installation.

  9. vmarksthespot
    Member
    Posted 5 years ago #

    I am having a similar problem on my page. I've installed the Slimbox plug-in and activated it. I've chosen "Lightbox" under Options-->Effects in NextGen. But when I insert the code, it just shows up on the page as code rather than effect. What am I overlooking? Thanks for your help in advance!

  10. OBM
    Member
    Posted 5 years ago #

    yes same here - u activate Lightbox under NGG settings, but then nothing happens.... How does it work?

  11. object81
    Member
    Posted 5 years ago #

    Have you installed Lightbox or Slimbox?

  12. OBM
    Member
    Posted 5 years ago #

    No I installed Slimbox as suggested above. I chose 'lightbox' from NGG settings. I don't know if you're supposed to do any more to activate it... the thickbox works, and to be honest I'm not exactly sure what difference this Slimbox makes....

  13. Alex Rabe
    Member
    Posted 5 years ago #

    For clarification, NextGEN include the Thickbox script, other effects scripts must be added by a seperate plugin to your blog :

    Here you can select the thumbnail effect, NextGEN Gallery will integrate the required HTML code in the images. Please note that only the Thickbox effect will automatic added to your theme.

  14. OBM
    Member
    Posted 5 years ago #

    yeah we know :) But your instructions are not clear on how you activate the other effects (after they have been installed). For example I installed Slimbox and activated it in the NGG Settins but I don't get any effect when I click on a thumbnail....

  15. object81
    Member
    Posted 5 years ago #

    How does the HTML Source look like? You see any reference to lightbox in your img tags? How does the header reference to slimbox.js resolve? Just post your URL if you're unsure.
    Personally I use Thickbox, Slimbox gave me to many javascript errors.

  16. Alex Rabe
    Member
    Posted 5 years ago #

    Post a link, that would be the best

  17. baubusiukas
    Member
    Posted 5 years ago #

    I have the same issue.
    No lightbox, slimbox or whatever I try exept the Thickbox effect is working.
    Image tags seem to have a rel="lightbox" expression, and the theme I am using has wp_head in it's header. :(
    Any thoughts: http://www.mackonkiemis.info ?

  18. object81
    Member
    Posted 5 years ago #

    I don't find the rel=lightbox in your img tags.

    <img src="http://www.mackonkiemis.info/galerija/pirtele/thumbs/thumbs_DSCF5034.JPG" style="width:50px;height:50px;" title="DSCF5034.JPG" alt="DSCF5034.JPG" />
  19. takingweb
    Member
    Posted 5 years ago #

    hi all...i have another problem. everything works correct but when i click on the thumb, the image in the thickbox (i use that...) appears on the bottom of the window and doesn't show correct.

  20. object81
    Member
    Posted 5 years ago #

    you have a link? Sounds like a script rendering problem..

  21. gulflee
    Member
    Posted 5 years ago #

    hi i used slimbox from http://wordpress.org/extend/plugins/slimbox-plugin/ the .js is inside <head>' and rel="lightbox[%GALLERY_NAME%]" saved.

    <a rel="lightbox[main]" title="" href="/wp-content/gallery/main/xw7.jpg" id="thumb11" style="cursor: pointer;"><img style="width: 100px; height: 75px;" src="/wp-content/gallery/main/thumbs/thumbs_xw7.jpg" alt="xw7.jpg" title="xw7.jpg"/></a>

    But still nothing happen to the images? Please help.
    http://www.xuanwedding.com/wedding/

  22. selfmade64856
    Member
    Posted 5 years ago #

    Did all of these issues suddenly get resolved all at once 5 months ago :P. I have had this same problem for over 6 months on my http://sitesires.com website and the only time it gets resolved is when I have my tech fix it....and then we upgrade wpmu....then same problem....then he fixes....then upgrade wpmu....you get the picture. I would love to have the rel="lightbox[GALLERY_NAME]" just work :) I've tried all of the fixes above and still have no luck. This is my gallery page http://sitesires.com/image-galler/ . I would really like to be able to do this instead of having my very talented techy always have to do it for me. Any suggestion?

  23. Zaraza
    Member
    Posted 5 years ago #

    I also faced the same problem with Lightbox and nextgen, all you have to do is install this lightbox version (tried several other before) - jquery-lightbox-balupton-edition

    Worked for me, I hope it will work for everyone else!

  24. antistandard
    Member
    Posted 5 years ago #

    thanks Zaraza.

    To everyone else posting fixes :

    If you don't know the exact solution to the problem PLEASE DO NOT attempt to answer it. It is soooo irritating having to download 7 different plugins and try 29 different code alterations to find out the problem is not resolved.

    It would be preferable if there were no answers than wrong ones.

    Thank you

  25. betadog
    Member
    Posted 5 years ago #

    I had a hard time figuring this out as well. I do NOT if my two cents help anyone else but me so if you share antistandards feelings, please ignore this post.

    In my case, the problem was related to the placement of <?php wp_head(); ?>. As was suggested by moongoose I had put it in my header.php.

    I had to put it directly behind the closing </title> tag in order for it to work though. I had it at a different line at first and that did not do the trick.

  26. selfmade64856
    Member
    Posted 5 years ago #

    Hello all....I forgot to post my resolved issue and solution!

    Zaraza's Solution worked perfectly for me. I installed the plugin that he suggested and now have a do it yourself working lightbox...(see my above post).

    Thanks Zaraza!!

    Courtney Bostdorff
    http://sitesires.com

  27. linkshare
    Member
    Posted 5 years ago #

    Thanks Zaraza that plugin worked perfectly with nextgen-gallery plugin. I'm not sure why, but thanks!
    ( using wp 2.7 )

  28. Valleyman
    Member
    Posted 5 years ago #

    (Have no fear, This problem is rhetorical and my solution is below!)

    I've been struggling with this problem today, the solutions posted work but having two lightbox plugins conflicts and the jQuery lightboxes posted have two problems. They dont look as good as the more classic lightboxes and, more importantly, it requires you to have the rel=lightbox tags put in - which isn't convenient as my theme is already based around the plugin adding them automatically.

    There is, in fact, a very simple solution. I used NextGEN gallery (obviously) and WP-PrettyPhoto (my lightbox).

    To make these work together you need to go into the settings for WP-PrettyPhoto and set the rel tag to something ie "Lightbox". Then go into the NextGEN settings and to the Effects page, in the box with the rel tag "Lightbox[%galleryname%]" change this to the rel tag you set in wp-prettyphoto, we used "lightbox".

    WP-PrettyPhoto has a Auto-Prettify option which will add lightbox to all image links on the site (although strangely not the ones in NextGEN) and the "lightbox" rel tags you added make it work with NextGEN.

    The only downside is that occassionally PrettyPhoto wants to cut the bottom 30% of the close button off but thats a problem for another day.

  29. GelbachDesigns
    Member
    Posted 4 years ago #

    I tried many of these solutions, but nothing worked completely until I uploaded imagerotator.swf to wp-content/uploads which was missing (the uploads directory was also missing).

    In the WP control panel, go to gallery-->Options-->Slideshow to see if the path to imagerotator.swf is defined.

  30. proto101
    Member
    Posted 4 years ago #

    I've had this issue in several WP installations. What I found is simple, an incompatibility with the NextGen Smooth Galery. Deactivating it resolved my problem with Lightbox 2 not working. I tried all other suggestions in this thread, none of which worked. If you have NG Smooth Gallery installed, try deactivating it and reload your gallery page to see if it works.

Topic Closed

This topic has been closed to new replies.

About this Topic