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. |