Divi makes it easy to add images anywhere on the page. All images support lazy-loading, and come with 4 different animation styles that make browsing your website fun and engaging. Image modules can be placed in any column that you create, and their size will be adjusted to fit.View A Live Demo Of This Module
Image URL - Place a valid image url here, or choose/upload an image via the WordPress Media Library. Images will always appeared left justified within their columns and will span the full width of your column. However, your image will never scale larger than its original upload size. The height of the image is determined by aspect ratio of your original image.
Image ALT Text - Alternate text provides any necessary information if the image does not load, appear properly, or in any other situation where a user cannot view the image. It also allows the image to be read and recognized by search engines.
Lightbox - Here you can choose whether or not your image will open in a Lightbox when clicked. If enabled, then your image will "zoom in" to their full size when clicked inside a modal window. This is a great feature for portfolios.
Link URL - Place a valid web URL in this field to turn your Image into a link. Leaving this field blank will simply leave your image as a static element.
Animation - Use this dropdown menu to specify the lazy-loading animation for your image. You can choose for your image to fade in from the right, left, bottom, or top.
Admin Label - By default, your image module will appear with a label that reads ‘Image’ in the builder. The Admin Label allows you to change this label for easy identification.