Published on February 23, 2020

Tutorial: Building A Lightbox With Oxygen’s Modal Element

In this tutorial, you’ll learn how to create a lightbox popup when clicking an image in Oxygen.

Oxygen’s Code Block element can add powerful features to your designs. Elijah shows you how to use the Code Block element to add some jQuery that allows Oxygen’s Modal element to show the image and image caption for the image that has been clicked.

Oxygen’s Animate on Scroll library is then utilised to add animations to the Modal and Image Caption.

You can find the custom jQuery used in the video here.

The Oxygen Team
Updated on: January 30, 2025

Pixel-perfect design meets WordPress!

Oxygen is the best way to visually design WordPress websites.
If you can build it with WordPress, you can design it with Oxygen.
  • Lifetime Access
  • Oxygen Classic + New Oxygen
  • All Premium Add-Ons
  • 60-Day Money Back Guarantee
Start Designing

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If you’re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want — no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.