Individual Image not working

  • Resolved arhodes5

    (@arhodes5)


    7 years, 3 months ago

    Hello,

    My client brought this error to my attention today, but I am not sure when the problem began. The photonic gallery works fine when importing images from Google, Flickr, etc. The problem is when showing a single image from my wordpress media.

    For example, I have
    <a href="https://www.wvmtr.org/Image.jpg" target="blank" rel="noopener">Map</a>
    , but nothing opens if I click on it. If I right-click and open in new tab/window, then it works. But I don’t want that. If you try the link above, then all words that say Map in green are the links that I’m talking about.

    Thank you for the help
    Andrew

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    7 years, 3 months ago

    You are right – this seems to be broken for Colorbox, but I checked a few other scripts and it seems to be working for the others (I checked Fancybox, Fancybox3, Featherlight and Swipebox, and those seem to be fine).

    Any chance you would be willing to use a different script while I fix this?

    Thread Starter arhodes5

    (@arhodes5)

    7 years, 3 months ago

    Thank you for the quick reply. Certainly, I can use another Lightbox library. I think I had chosen Colorbox because it was the default anyways.

    Thread Starter arhodes5

    (@arhodes5)

    7 years, 3 months ago

    I have a follow up to this support request. I switched to FancyBox, and most everything works. I found that if I was trying to show an image with

    <a href="https://www.wvmtr.org/Image.jpg" target="blank" rel="noopener noreferrer">Map</a>

    Then the image would not open. the space in the rel="" is causing it to malfunction.

    Thanks
    Andrew

    Plugin Author Sayontan Sinha

    (@sayontan)

    7 years, 3 months ago

    Probably correct – most lightbox plugins rely on the rel element. That being said, the purpose of adding rel="noopener" or rel="noreferrer" is not needed in your case. Those tags are essential for preventing cross-origin destinations from running JavaScript … but your links are all images, not pages! So they will not be running JS.

    Also, you should be fine specifying just one of the two (noreferrer has a greater blocking scope)

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Individual Image not working’ is closed to new replies.