How to Open a Different Image in a Lightbox in Divi

by | Jun 4, 2019 | Blog | 9 comments

Many people have been asking us how to open a different image in a Lightbox and if we are able to provide any codes to them or add this feature to the Divi Supreme Image Module. By using the Divi Image modules, there’s no way you can open a different image in a Lightbox unless custom coding which that’s not everybody wants. 

You don’t have to code for such feature because.. 

Your wish is my command! So, here you go! We’ve now added this option to our Divi Supreme Image Module and this is a handy feature for those of you who don’t want to do custom coding.

Using Third Party Divi plugin, Divi Supreme’s Image Module. This is available on the free and pro version. Divi Supreme plugin enhances the experience and features found on Divi and extend with custom creative modules and extensions to help you build amazing Divi websites.

Steps to Open a Different Image in Lightbox

  1. Firstly, install and activate Divi Supreme plugin.
  2. Go to Divi Builder and look for Supreme Image Module.
  3. Under Link, Toggle “Open in Lightbox” and a new option “Use Other Lightbox Image” will show up then toggle “YES”.
  4. Upload your desired image for theLightbox.
  5. Save and Publish!

We’ve created an example below. Take a look and let us know what you think about it in the comments.

Get access to all our Divi and Divi Supreme’s tips, articles and cutting-edge helpful tutorials that are easy to understand for small businesses, bloggers, and non-techy Divi website owners, direct to your inbox.


  1. Yves

    Nice feature

  2. Veronique

    Hi. I was looking for a solution to open a different image in a lightbox and came across this. It’s absolutely fantastic and thank you! The question I have, how do I prevent the original image to be in the lightbox as well? I would like mine to function exactly as yours does above. Please have a look, the image (map) is on the homepage.

    • Divi Supreme

      Hi Veronique, I believe if you update the plugin, you will see a new option called “Use Other Lightbox Image”

  3. Yetty


    • Divi Supreme

      Just something different and hope it’s useful for you 🙂

  4. Janis Garais

    Hi, I have similar question, I have figured out how to open different image to the one I display, the thing that I can’t figure out is, for example my image is 1920 by 4638 pixels, and when I open it up in Lightbox it’s very small, its forced to fit the screen.

    So is there a way to get full width but height to be scrollable?
    Thank you.

  5. Eduardo García

    Great feature!

    Imagine I add a button below the image, does anybody know how to link the button so when a user clicks on it the lightbox appears as it does when clicking the image?

    • Divi Supreme

      Hi Eduardo,

      Do you mean having the same feature for button as well? I don’t quite get what you mean by add a button below the image(open as lightbox) ?


Submit a Comment

Your email address will not be published. Required fields are marked *

four × 2 =