Home / Topics / Responsive Lightbox / PhotoSwipe / Image opens in wrong size and remains on top of page after closing photoswipe

Image opens in wrong size and remains on top of page after closing photoswipe

We're here to help.

Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • 31 January 2017 at 14:53 #15341
    dragozen
    Participant

    Hi, I have 2 strange issues and I don’t know how to fix it. The first images are opening without any problem but when I open an image located in the middle or at the end of the gallery, photoswipe display a distorted image by element style as I can see with Firebug.

    Here is the html:

    <div class="img-above-txt">
    <div><a class="light-box" href="http://mysite.com/img/01.jpg"><img src="http://mysite.com/img/min/01.jpg" /></a></div>
    <div><p>Photo comment text</p></div>
</div>

    The second issue happens when I close the lightbox, the image remains open in the top of the gallery and over one of the first images.

    Here are 2 screenshots

    I deactivated all other active plugins (except Responsive Lightbox and PhotoSwipe extension of course), tried with the default WP theme (twentyfiftheen) and I also rebuild a new and clean WordPress but the problem is the same.

    You’ll find the website URL in the third screenshot (I don’t want any reference of it here ;) ). Could you please help me with this? Thanks.

    31 January 2017 at 15:09 #15342
    dragozen
    Participant

    One more thing, everything is working fine when I use Swipebox instead of Photoswipe…

    3 February 2017 at 17:45 #15484
    dragozen
    Participant

    Strange: The 10th first image are displayed properly but the issue starts after it. Any help will be much appreciate :) Thanks

    7 February 2017 at 11:57 #15577
    dragozen
    Participant
    This reply has been marked as private.
    7 February 2017 at 14:51 #15580
    Bartosz
    Keymaster

    Of course,
    Chacking.

    7 February 2017 at 15:02 #15581
    Bartosz
    Keymaster

    Honestly it seems to work fine for us (tested on chrome and firefox).
    The only thing that’s missing in your code (and used by Photoswipe) is the width and heigh parameters in img.

    For example:

    <img src="http://mysite.com/img/min/01.jpg" width="800" height="600" />

    Try adding that to the img tag or just use the wp_get_attachment_image that inserts the width and height parameters by default.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Featured In