• Resolved John Mulder

    (@john-mulder)


    Hi Diego,

    How do you scale the images for mobile? Portrait is OK, on Landscape the bottom 10% is not visible. Is that dependant upon the original size of the image ?
    I have selected a size with the final tiles grid in mind and it seems that this size does not completely works with the lightbox.

    Thanks,
    John

Viewing 11 replies - 1 through 11 (of 11 total)
  • Diego

    (@greentreelabs)

    Hi John,

    the plugin should always show the entire image, is it possible to have the URL so I can check it?

    Thread Starter John Mulder

    (@john-mulder)

    Sure: https://www.masbernadis.eu/abctest1/

    On portrait the image shows OK the first second and then gets blown up
    On landscape a part is cut off.

    An other thing, when the plugin is set right: “direct link to image”, a lightbox shows when an image not in a gallery is clicked. Often it is another image than the image clicked on and if you use the forward/backward buttons another non related picture is shown. Can this be turned off one way or the other ?

    Thanks,
    John

    Diego

    (@greentreelabs)

    Hi John,

    the problem is that you set max image width and height: 150%. That mean images can be 1 and a half the size of the screen.

    An other thing, when the plugin is set right: “direct link to image”, a lightbox shows when an image not in a gallery is clicked.

    Correct. This is because you flagged “All linked images”. So the plugin activates on every linked image it finds on page.

    Often it is another image than the image clicked

    That should not happen, can you tell me exactly the image you click to replicate the issue?

    The next release of the plugin will be able to activate the lightbox only on the most common galleries. I hope to be able to publish the update within a week or so.

    Thread Starter John Mulder

    (@john-mulder)

    Hi Diego,

    If e.g. you click on the pool image on this page
    https://www.masbernadis.eu/en/facilities/
    Another picture opens up

    John

    Diego

    (@greentreelabs)

    Weird! I’m going to inspect this issue, I’ll let you know.

    Diego

    (@greentreelabs)

    When it’s too weird, it’s not a bug ??

    I’ve checked your page and when you see a wrong image inside the lightbox it’s just because you linked a wrong image.

    For example, this image:
    https://masbernadis.eu/wp-content/uploads/Zwembad500375.jpg

    is linked to this one:
    https://masbernadis.eu/wp-content/uploads/Voorkant.jpg

    Thread Starter John Mulder

    (@john-mulder)

    Hi Diego,

    I took some time ro see if i could sort this out. However i do not have any idea how these images got linked nor how to unlink them. According to the media library they are not linked to anything. And what also puzzles me is, that when you click on an image like https://masbernadis.eu/wp-content/uploads/Zwembad500375.jpg, that image is not shown, but only other (i suppose also linked, although i can not check this) images are shown when you use the forward/backward button. One image is shown twice.

    Thanks,
    John

    Diego

    (@greentreelabs)

    I don’t know how you built that page but I guess you should look for links inside the text editor, and not inside the media library.

    Thread Starter John Mulder

    (@john-mulder)

    Hi Diego,

    I got it sorted.
    Calling an image like this
    voorzieningen

    Shows the image “Boules2.jpg” on my site, but the lightbox picks image “pool.jpg”

    The correct call
    voorzieningen

    Shows the image “Boules2.jpg” on both the site as the lightbox. Doing this correctly on the whole page will make the lightbox show the correct image and using the forward/backward button will lead only to other images used on the same page.

    Thanks and best regards,
    John

    Thread Starter John Mulder

    (@john-mulder)

    Sorry, the comments were turned into pictures
    Hi Diego,

    I got it sorted.
    Calling an image like this
    href=”https://www.masbernadis.eu/wp-content/uploads/pool.jpg”><img class=”alignleft wp-image-4863 size-full” src=”https://www.masbernadis.eu/wp-content/uploads/Boules2.jpg&#8221; alt=”voorzieningen” width=”600″ height=”450″ /

    Shows the image “Boules2.jpg” on my site, but the lightbox picks image “pool.jpg”

    The correct call
    a href=”https://www.masbernadis.eu/wp-content/uploads/Boules2.jpg”><img class=”alignleft wp-image-4863 size-full” src=”https://www.masbernadis.eu/wp-content/uploads/Boules2.jpg&#8221; alt=”voorzieningen” width=”600″ height=”450″ /

    Shows the image “Boules2.jpg” on both the site as the lightbox. Doing this correctly on the whole page will make the lightbox show the correct image and using the forward/backward button will lead only to other images used on the same page.

    Thanks and best regards,
    John

    Diego

    (@greentreelabs)

    Yep, it’s correct as the lightbox uses the value of the HREF attribute.

    Cheers,
    Diego

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Scaling images on mobile’ is closed to new replies.