Support » Plugin: Image Gallery by Robo – Responsive Photo Gallery » Error when I change the first time between categories

  • Resolved mandete

    (@mandete)


    I don’t know why you marked previous topic as “resolved”, because it didn’t. I try again to explain the error.

    The first time I click in a category (nested gallery), while it get the images, the gallery gets “height: 0”. So, all the content below go up while. It happens for all categories the first time. The rest of times, it works correctly.

    I think the gallery has to keep the previous height while it’s getting the images the first time. The effect now is so weird. I tried to solved with javascript but I couldn’t.

    I attached a link to a video to better understand the problem. Look how the section “Comentarios y opiniones” goes up when I click on “Televisión” or “Magia de cerca” the first time.

    Link to a video: https://drive.google.com/open?id=1MNSXpRhosZBkbJBllBczzpbAOTzpB4-w

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author robosoft

    (@robosoft)

    Yes, sorry we was market it too fast.

    I see what you mean. We have tested your page with gallery and the reason of such behavior it’s general structure of the gallery layout in combination with wordpress theme code and styles.

    As solution we need to create min height option in gallery options. For now it’s not possible to set such value directly in gallery admin section. We’ll try to include this option in close gallery releases.

    As temporary solution for this case try to add min height for the general gallery block to the css. This value should be bigger then height of the thumbnails in your gallery.

    Please try and let me know if you’ll need some assistance with CSS

    Hi, thanks for your answer. I hope it will be this gallery option soon. But If I fix the min-height manually in this option maybe it won’t work. In my case, depending on the resolution, it has to have one min-height or another. So, maybe the option has to work in other way.

    For now, I just made the next trick in Javascript:

    setTimeout(function () {
            jQuery('#galeria').css('min-height', jQuery('#galeria').height());}, 3000);
        
        jQuery( window ).resize(function() {
            setTimeout(function () {
            jQuery('#galeria').css('min-height', jQuery('#galeria').height());}, 1000);
        });

    I check after 3 seconds (to wait all the thumbnails are loaded) and then I fix the min-height property. Then if I change the resolucion (turning the cellphone or resizing the window, for example) I do the same but waiting less time, 1 second.

    There’s a better way to do this? Maybe checking when the gallery is loading? How can I check this?

    Thanks.

    • This reply was modified 2 months, 4 weeks ago by  mandete.
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.