Lightbox for Gallery & Image Block vs Swipe Slider – Make dynamic slider with solid, gradient, or image background

This WordPress Plugin adds a simple & lightweight Lightbox to the standard WordPress Gallery & Image Block. It detects if a post contains a Gallery or Image Block and then loads & initialize baguetteBox.js, a pure JavaScript Lightbox script without any dependencies and a modern minimal look. There is no lock in effect. It does not add a new Block Editor/Gutenberg Block and relies solo on the standard WordPress Gallery and Image Block. You can deactivate this plugin at any time and your Gallery and Image Blocks will work as they’ve done before. Just without the lightbox. Just one important thing to remember: You always have to select Link → Link to image file or Link images to media file (see screenshots below) for all of your Image & Gallery Blocks to work properly. If you choose None or Link to attachment page it will not work. But that’s fine if you don’t want the Lightbox for a specific Image or Gallery. Take a look at the YouTube video from Jakson where he reviews this plugin: Features Here are the features of baguetteBox.js: Written in pure JavaScript No dependencies (e.g. jQuery) Image captions support Responsive Supports swipe gestures Around 13 KB, 7 KB gzipped Works with Gallery Block (Default Block) Image Block (Default Block) Media and Text Block (Default Block) Gallery (Default Classic Editor Gallery) CoBlocks Gallery Collage / Masonry / Offset / Stacked Meow Gallery (+ Gallery Block) Don’t forget to select Link to → Media File for all of your Galleries & Images to work properly. Notice: At the moment, just Blocks inside a post are supported. Not Blocks in a Widget. You can make it work but have to enqueue the necessary style & script yourself. See FAQ –> How to enqueue the necessary assets (script & style) for blocks outside of posts or for block types that are not supported by default?

🤝 See Demos | Buy Now 🤝 Transform your website with Swipe Slider, the all-in-one WordPress plugin for creating stunning & interactive sliders in minutes! Effortlessly swipe through captivating images, or content. Swipe Slider empowers you to design & customize your sliders with ease. Choose from solid, gradient, or image backgrounds to perfectly match your website’s aesthetic. Insert any content you desire, such as text, buttons, forms, and more! Built for speed and mobile responsiveness, Swipe Slider ensures your website delivers a flawless user experience on any device. Boost engagement with interactive features and showcase your content in a visually compelling way. Swipe Slider is the perfect solution for: Photographers & artists: Showcase your portfolio with stunning visuals. Bloggers & storytellers: Captivate your audience with engaging content. Businesses & marketers: Make a lasting impression with interactive sliders. Download Swipe Slider today and take your website to the next level! 🌟 Unlock More Flexibility! Use the Blocks to Shortcode plugin to **convert any blocks into shortcodes and embed them anywhere! 🚀** Swipe Slider Features 👉 Import Patterns/Presets: Skip the manual design process and start with a stunning, pre-built slider. 👉 Responsive Design: Adjust slider height, column count, and gaps for desktop, tablet, and mobile devices, ensuring a seamless user experience across all devices. 👉 Multi-Background Options: Customize each slide with solid colors, gradients, or images to create visually appealing backgrounds. 👉 Unlimited Content: Add text, headings, buttons, and more to your slides for engaging and informative content. 👉 Slide Direction: Configure slide and language direction. 👉 Initial Slide: Set the starting slide for your slider. 👉 Effects: Choose from Slide, Fade, and Creative effects with customizable options. 👉 Transition: Control slide transition speed and timing function for smooth animations. 👉 Looping: Enable looping or rewinding of slides. 👉 Autoplay: Set autoplay with delay, reverse direction, and stop on the last slide. 👉 Navigation: Customize navigation buttons/icons with adjustable sizes. 👉 Pagination: Configure pagination with bullets, progressbar, fraction, dynamic bullets, and customizable sizes, radius, gaps, and colors. 👉 Scrollbar: Add a draggable scrollbar with snap-on release and customizable colors. 👉 Free Mode: Enable Free Mode with Sticky and Momentum options. 👉 Keyboard Control: Navigate the slider using keyboard arrow keys with viewport checks. 👉 Mousewheel Control: Control the slider using the mousewheel with Force to Axis options. Swipe Slider PRO Features 👉 Money-Back Guarantee: 14 days 100% satisfaction guarantee. 👉 Premium Patterns/Presets: Unlock professionally crafted patterns designed for dynamic, high-impact presentations. 👉 Advanced Slider Effects: Cube, Flip, Coverflow, and Cards for dynamic presentations. 👉 Transition: More timing function for transition effect. 👉 Creative Effect Presets: Unique slider effects to captivate users. 👉 Autoplay: Pause on mouse enter and disable on interaction options. 👉 Navigation Customization: Hide on click, arrow icons, placement, and position. 👉 Pagination Options: Background or number type, hide on click, side options. 👉 Scrollbar Settings: Hide after interaction, and adjustable position. 👉 Free Mode Control: Customize momentum ratio for the Free Mode. 👉 Mousewheel Options: Invert scrolling, Release on Edges, Sensitivity options. 👉 Centered Sliders: Enhanced visual focus for active slide. 👉 Grab Cursor: Improved user interaction to slide. Get the Pro Now How to use Swipe Slide Begin by installing the Swipe Slider plugin. Add the Swipe Slider from the Widgets block category within the Gutenberg Editor. Customize block settings from the settings sidebar on the right. Enjoy! For installation assistance, click on the Installation tab. Feedback Was this plugin useful to you? Or do you have any concerns? Have a feature request? Send us your feedback External Resources Demo Images https://i.ibb.co/xL9ZL30/nature-with-water-drop-1.jpg https://i.ibb.co/KrDT86S/nature-with-water-drop-2.jpg https://i.ibb.co/TwXDZT1/nature-with-water-drop-3.jpg https://i.ibb.co/JtLPp1x/nature-with-water-drop-4.jpg https://i.ibb.co/ZGLgwPJ/nature-with-water-drop-5.jpg