Cloneables

Looping Lightbox via jQuery

Easy to implement looping lightbox via jQuery for Webflow. All you need to do to implement is copy the code from the page settings. Add fo-lightbox class to all lightbox elements. Publish the site to see the results as it won't work in designer. This method…

webflow-looping-lightbox.webflow.io
Looping Lightbox via jQuery live demo on a desktop screen
Looping Lightbox via jQuery live demo on a phone
Screenshot of the live demo, Oct 20, 2026 Open live demo

The Looping Lightbox via jQuery feature is an easy to implement lightbox for Webflow that uses jQuery. To implement it, all you need to do is copy the code from the page settings. Add the fo-lightbox class to all lightbox elements and publish the site to see the results, as it won't work in the designer. This method utilizes Webflow's native CMS for the images and the custom JS code provided in the closing body tag of the Page Settings. This Webflow cloneable has been categorized under the Lightbox, Modal, Image, JavaScript, and Custom Code categories and was created by Francesco Castronuovo. If you're looking to add a looping lightbox feature to your Webflow site, the Looping Lightbox via jQuery is a simple and effective solution. By using this feature, you can easily implement a looping lightbox on your Webflow site with just a few lines of code. Whether you're looking to display images or other types of media in a lightbox, this feature is a great way to make your site more interactive and engaging for your users.

Browse similar cloneables

More from Francesco Castronuovo

Profile →

Related Webflow questions

All answers →

Similar cloneables

All cloneables →