LightBox Bootstrap Zoom

Lightbox Gallery for WordPress with zoom-in by scrolling. Will ignore actual WordPress galleries for compatibility.

📜 LightBox Bootstrap Zoom: Table of Contents

• Presentation
  • ✨ Features
  • 📝 Compatibility
• ❓ How To Use
  • Install
• 📋 TODO List
• 🎀 License (is-GNU-AGPLv3)

Presentation

✨ Features

• auto-gallery by simply adding the same rel to each link of a gallery
• relies on Modal Bootstrap v5.3 (getbootstrap.com)
• open and close with a button or click outside image
• scroll zoom in and out
• disables zoom if image is inside the box dimensions
• drag image
• drag release if outside the box
• pixelated at zoom scale 2x: disables resampling via css

📝 Compatibility

• WordPress 6.5.3
• PHP 5.3
• Bootstrap 5

❓ How To Use

Nothing to do or configure, just activate it! It's automatic, as long as:

• your pictures have a link to the original (or custom) file
• for galleries: link rel is the same for all images

Install

As a snippet:

git clone https://github.com/audioscavenger/LightBox Bootstrap Zoom

Then create a PHP, CSS and JS snippet with each of the files included.

As a WordPress plugin:

Simply install as a normal WordPress plugin.

📋 TODO List

Todo

• Stop appending todo list
• fix bugs: sometimes the sizes are not detected properly and a page refresh is needed
• embed bootstrap if needed
• embed all that in a WP plugin and release it!
• make money instead of coding for free?

Releases

1.3.0

• WordPress plugin release!

1.2.1

• bugfix: no spinner onload when rel = null or related is unique

1.2.0

• spinner onload
• opacity onload

1.1.0

• also load next if simple click
• add nagigation buttons
• handle galleries: simply add rel=name to any of your images to make a gallery (a bit like foobox)

1.0.0

• compatible with native theme lightbox as long as class .gallery is present
• bugfree snippets

🎀 License

GNU AGPLv3)

🍺 Buy me a beer

Like my work? This tool helped you? Want to sponsor more awesomeness like this?