Adding Image to the Content

Use Image shortcode to display an image to the content. You can add the Image shortcode, choose between lightbox and none, then fill in its attributes. Available options will be explained below.

You can also add a second image to display while mouse is over the first image.

Normal

This shows your image normally and it does not allow you to click the image.
[aux_image target="_blank" title="Title" attach_id="Insert your image id here" lightbox="no" attach_id_hover="Insert your image id here" width="" height="" link="" icon="plus" extra_classes=""]

Lightbox

In the lightbox mode, a plus icon appears on the image when the mouse hovers over it. By clicking on the image, it will be shown in a lightbox.
[aux_image target="_blank" title="Title" attach_id="Insert your image id here" lightbox="yes" attach_id_hover="Insert your image id here" width="" height="" link="" icon="plus" extra_classes=""]

To see the demos of Image, check out this link.

Option Default Value Values and Description
title "Title" Inserts title above the image.
attach_id " " Here you can add an attachment id of your image.
attach_id_hover " " Adds an attachment id of image that you want to appear when the mouse hovers over the main image.
link " " Links the image to another web page.
target "_self" "_self": Opens link in current page. "_blank": Opens link in a new page.
alt " " Adds an alternative text to your image.
width " " Specifies the width of your image.
height " " Specifies the height of your image.
align "alignnone" Aligns the image to: "alignleft": Left "alignright": Right "alignnone": No alignment
icon "plus" Changes the icon that appears on the image when the mouse hovers over it. " ": None "plus"
lightbox "0" Whether it opens a lightbox by clicking the image or not. "0": Do not open a lightbox. "1": Opens a lightbox.
extra_classes " " Add your custom CSS class names here, to style particular content element differently.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us