WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
Multiple galleries per page and Fancybox behavior (32 posts)

  1. prova_toets
    Member
    Posted 3 years ago #

    Hi,

    I've installed NGGallery with FancyBox set as the custom effect. When I add multiple NGG galleries to a page and I view them via Fancybox, they don't end after each gallery. The user is able to scroll through all the NGG images on that page as if they were all part of the same gallery.

    Does anyone know how this can be changed to show only per gallery?

  2. Annie754
    Member
    Posted 3 years ago #

    I am trying to solve the same problem. Let me know if you figure it out.
    Thanks!

  3. prova_toets
    Member
    Posted 3 years ago #

    Just noticed something else... This happens if I add the NextGEN widget to the sidebar widget area. So if I have a gallery on a page and view it through Fancybox, it will scroll through the gallery AND the ones in the NextGEN widget.

    Basically, any NextGEN images will be opened in Fancybox on the same page.

    Help? :/

  4. itsbarry
    Member
    Posted 2 years ago #

    me too guys. I have five galleries on a page. When you hit the last image in a gallery, your next click takes you over into the next gallery. I don't want this behavior.

  5. dltampa
    Member
    Posted 2 years ago #

    Anyone have any more input on this. I have the same issue. Fancybox is unable to limit its viewing to the individual NextGen gallery.

  6. Bryce
    Member
    Posted 2 years ago #

    Same thing happening to me. Hopefully we can get a solution soon.

  7. daveydz3
    Member
    Posted 2 years ago #

    i'm having a bit of a problem with this as well, i'm sure it has to do with rel or class issues. I'm using the easy fancybox plugin and i fixed the problem on the front page but not the gallery page. easy fancybox has a space to add classes to fix these issue but i haven't tried it just yet. i'll let you know if it works.

  8. daveydz3
    Member
    Posted 2 years ago #

    yep! fixed it. are any of you guys using easy fancybox? I can help. you have to work with the classes.

  9. Bryce
    Member
    Posted 2 years ago #

    Hi daveydz3! Curious on what you did to fix this issue. Thanks!!!

  10. prova_toets
    Member
    Posted 2 years ago #

    Not using easy fancybox, but do share!

  11. daveydz3
    Member
    Posted 2 years ago #

    it's all about the class.

    if you look at the code that wraps around your gallery, it should have a class, i.e, ".content, .entry, .something, etc." Since this is about putting multiple galleries on one page, you would need to specify the class further so that fancybox can distiguish between different galleries.

    .ngg-galleryoverview worked for me and should work for you. the issue is where do you specify it. Like i said, the easy fancy box plugin made this easy for me. i enabled an option, then added the class to a list, and presto! Fixed.

    Since the assumption is that you guys are using a different plugin, I don't know where you would put it. if you tell me the exact name of the plugin, i can look at it and maybe hep out.

    but fyi, easy fancybox uses fancybox js itself, it just adds an extra layer to make, well, easy!

  12. Bryce
    Member
    Posted 2 years ago #

    Thanks for your help daveydz3. I am using the Easy FancyBox for WordPress so I think your fix should work for me however, I'm not sure where your making these changes.

    At a glance I see that each gallery is already wrapped in a class called ngg-galleryoverview. The rel for each gallery is called gallery. I would think having each one of these be different would fix the issue but I'm unsure how to go about fixing that.

    Your help is greatly appreciated.

    Thanks!

  13. daveydz3
    Member
    Posted 2 years ago #

    Bryce, go to the media page in the setting menu, there you'll find the settings for easy fancybox. You'll then see an option for auto-gallery. It's a drop-down menu so select galleries per section. below that you'll see a text line for the sections. there's already some filled out, don't erase them, but add to the list .ngg-galleryoverview to it. save your changes and it should be fixed

  14. Bryce
    Member
    Posted 2 years ago #

    daveydz3, this fixed it! Thank you very much for your help!

  15. daveydz3
    Member
    Posted 2 years ago #

    you're very welcome

  16. itsbarry
    Member
    Posted 2 years ago #

    Very cool there's a fix!

    However, I must be using a different Easy Fancybox plugin. It doesn't seem to have that dropdown menu in the Media settings page. So I can't tell Fancybox to recognize the .ngg-galleryoverview class.

    I'm using the one by RavanH.

    Which plugin are you using, daveydz3 and Bryce?

  17. daveydz3
    Member
    Posted 2 years ago #

    i have the same one at the latest version. look for the auto-gallery option. i promise you if you have the latest version, it's there.

  18. itsbarry
    Member
    Posted 2 years ago #

    So weird. I'm just not seeing it. I'm using 1.3.4.9.

    Any way you could post a screen shot of your media settings page?

  19. daveydz3
    Member
    Posted 2 years ago #

  20. noahcaldwell
    Member
    Posted 2 years ago #

    daveydz3,

    We're having similar issues because our multiple galleries are contained in a div class="fancybox-hidden" so that the gallery opens up when you click the designated button (not a thumb). The problem is that the multiple nextgen galleries are all in divs with this same class. So what happens is when you open the gallery it doesn't end where it should and bleeds into the next gallery photos.

    How do we link directly to the nextgen gallery - but not have that gallery show up until the button we link is clicked? And, how do we have multiple on 1 page?

    I know there must be a better way. Any thoughts are appreciated. Thank you for your help.

    Here is the code were using for reference -

    <div class="buttonclass">
    <a href="first_image_in_gallery_A.jpg"><img class="alignnone size-full wp-image-413" title="Gallery A" src="gallery_A_button.png" alt="" width="225" height="60" /></a>
    </div>
    <div class="fancybox-hidden">
    
    [nggallery id=3]
    
    </div>
    
    <div class="buttonclass">
    <a href="first_image_in_gallery_B.jpg"><img class="alignnone size-full wp-image-413" title="Gallery B" src="gallery_B_button.png" alt="" width="225" height="60" /></a>
    </div>
    <div class="fancybox-hidden">
    
    [nggallery id=4]
    
    </div>
  21. daveydz3
    Member
    Posted 2 years ago #

    Can I see a link to this page? So, all the galleries work, they just get thrown together as one bog gallery?

  22. noahcaldwell
    Member
    Posted 2 years ago #

    Yes - that's correct. View the 'Partners' page:

    http://laclearchannel.com/iheartrecap/?page_id=48

  23. noahcaldwell
    Member
    Posted 2 years ago #

    I should specify: open the budweiser gallery - it spills into the facebook gallery and then to HTC - etc

    the apple gallery is garbage after working in it.

  24. daveydz3
    Member
    Posted 2 years ago #

    Also, your code is wrong. The img tag should have the src of the image. Then your a tag should have a href like "gallerya" then your hidden div should have an id of "gallerya" etc, for the next hidden div. Then following the directions in previous posts, it should work.

  25. noahcaldwell
    Member
    Posted 2 years ago #

    Thanks so much for taking a look. I'll try that and let you know.

    Thanks daveydz23!!!

  26. daveydz3
    Member
    Posted 2 years ago #

    Sorry, I'm trying to help out from my phone so I can't see the source, but I believe my directions above should fix this.

  27. rezurrector
    Member
    Posted 2 years ago #

    <div class="buttonclass">
    <img class="alignnone size-full wp-image-413" title="apple" src="http://laclearchannel.com/iheartrecap/wp-content/uploads/2011/10/photo_bud.png" alt="" width="225" height="60" />
    </div>
    <div id="gallerya" class="fancybox-hidden">

    [nggallery id=5]

    </div>

    what am I doing wrong?

  28. daveydz3
    Member
    Posted 2 years ago #

    Your image isn't a link. Wrap your image with "a" tags. In the "a" tag put the href as gallerya or #gallerya if the first doesn't work.

  29. rezurrector
    Member
    Posted 2 years ago #

    I did. That's why the img tag above is a link. it's parsed...

    Here it goes to wp support. On the site in question i get a 404.

  30. rezurrector
    Member
    Posted 2 years ago #

    Did #gallerya and the button does not trigger the light box.

    Any ideas?

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags