10 Comments

  1. Johannes Kinast

    I have created a very similar plugin https://wordpress.org/plugins/gallery-block-lightbox/

    My plugin is using baguetteBox.js, written in pure JavaScript with no
    no dependencies (e.g. jQuery)

    baguetteBox.js relies on the <a> tags around an image but since WP 5.6 it’s again possible to set a default link to target for the image and gallery block.

    Report

  2. Matt C

    You know who needs this the most? The Plugin Directory. Would be an EXCELLENT way to see all screenshots of the plugin without leaving the page like it does currently.

    Report

    • Justin Tadlock

      We need emoji reactions for comments here. So, for now, I simply give you: 💯

      Report

    • Amber Hinds

      The thing about these kinds of lightbox galleries is that they’re frequently not accessible. I haven’t tested this particular one, but any time a pop up or modal opens screen reader users need to be warned, the focused should be trapped in the modal, and keyboard users need a way to close it. From the perspective of accessibility, opening screenshot images directly on click rather than in a lightbox is actually better. It means that if a visually impaired person accidentally triggers the image, they can easily return to the plugin page with the back button in their browser. If the image opened in a lightbox it would not be as easy for them to recover (without a lot of attention is put into accessibility of the lightbox). This is one instance when it’s probably worth the inconvenience to us sighted/mouse users – we actually made the same decision with the screenshots on our plugin website because of accessibility.

      Report

      • Nick Halsey

        This plugin places specific emphasis on keyboard accessibility. There are four ways to close the modal: esc key, close button, tab back out of the modal, or tab through the end of the modal. Focus is restored on the corresponding image link in the content whenever (and however) the modal is closed. There is also a link to the full-size image from the modal, even when the image in the content is not linked there. If you notice any specific accessibility issues or bugs in this behavior, please report them on the plugin support forum.

        Report

  3. Lee

    This is REALLY cool and exactly what I’ve been looking for! Awesome plugin.

    The other downside, in addition to loading jQuery, is that each image in the gallery is duplicated for the lightbox. It would be cool if the author found a way to not load all the images twice.

    Report

  4. Nick Halsey

    Thanks for featuring this plugin, Justin. It’s been on my wishlist/to-do list for several years and I finally blocked out enough time to put together a 1.0. I think the approach that I ended up is actually more efficient than I had originally envisioned.

    Interestingly, this is the most internally-complex plugin that I’ve created in several years. The layers of attempts to maximize compatibility for older content, accessibility, and speed, are well worth the resulting simplicity. The best plugins tend to be as simple as possible. The jQuery dependency is more of a shortcut than a specific need. Fortunately there aren’t any other external library dependencies. The script is set up with the potential to transition to pure JS in the future, especially if there’s demand for that adjustment.

    Report

  5. Cbirdsong

    “One of the downsides is that the plugin relies on jQuery. The plugin’s code has a small footprint, but jQuery has grown into a bit of a beast over the years and is becoming less and less relevant with more recent features of modern JavaScript. For many WordPress sites, this may be a non-issue because their theme or some other plugin is already loading the jQuery library.”

    This is a major chicken-egg problem in the WordPress ecosystem, especially once the SEO penalties for poor Core Web Vitals scores start to kick in. There needs to be a push for plugins/blocks to stop depending on it, especially for relatively simple functionality like form validation.

    Report

  6. Colin

    I tried this plugin and came across serious issues with it displaying black images and not hiding my menu bar. The support from the author was less than helpful suggesting a CSS issue with the theme. I thought the plugin instructions for authors suggested that the plugin use unique tags to prevent this sort of issue. I was hoping that this plugin would do what I wanted but unfortunately i have had to uninstall it.

    Report

Comments are closed.

%d bloggers like this: