{"title":"Adding Image to the Content","id":37098,"link":"https:\/\/env.averta.net\/en\/step\/adding-image-to-the-content\/","parent":[37142,35056],"content":"

Use Image<\/strong> 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.<\/p>\n

You can also add a second image?to display while mouse is over the first image.<\/p>\n

Normal<\/h4>\n

This shows your image normally and it does not allow you to click the image.<\/p>\n

[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=\"\"]<\/pre>\n
Lightbox<\/h4>\n
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.<\/p>\n
[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=\"\"]<\/pre>\n
 <\/p>\n
Recommended: <\/strong>To see the demos of Image<\/strong>, check out this link<\/a>.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Option<\/th>\nDefault Value<\/th>\nValues and Description<\/th>\n<\/tr>\n
title<\/td>\n“Title”<\/td>\nInserts title above the image.<\/td>\n<\/tr>\n
attach_id<\/td>\n” “<\/td>\nHere you can add an attachment id of your image.<\/td>\n<\/tr>\n
attach_id_hover<\/td>\n” “<\/td>\nAdds an attachment id of image that you want to appear when the mouse hovers over the main image.<\/td>\n<\/tr>\n
link<\/td>\n” “<\/td>\nLinks the image to another web page.<\/td>\n<\/tr>\n
target<\/td>\n“_self”<\/td>\n“_self”: Opens link in current page.<\/p>\n
“_blank”: Opens link in a new page.<\/td>\n<\/tr>\n
alt<\/td>\n” “<\/td>\nAdds an alternative text to your image.<\/td>\n<\/tr>\n
width<\/td>\n” “<\/td>\nSpecifies the width of your image.<\/td>\n<\/tr>\n
height<\/td>\n” “<\/td>\nSpecifies the height of your image.<\/td>\n<\/tr>\n
align<\/td>\n“alignnone”<\/td>\nAligns the image to:<\/p>\n
“alignleft”: Left<\/p>\n
“alignright”: Right<\/p>\n
“alignnone”: No alignment<\/td>\n<\/tr>\n
icon<\/td>\n“plus”<\/td>\nChanges the icon that appears on the image when the mouse hovers over it.<\/p>\n
” “: None<\/p>\n
“plus”<\/td>\n<\/tr>\n
lightbox<\/td>\n“0”<\/td>\nWhether it opens a lightbox by clicking the image or not.<\/p>\n
“0”: Do not open a lightbox.<\/p>\n
“1”: Opens a lightbox.<\/td>\n<\/tr>\n
extra_classes<\/td>\n” “<\/td>\nAdd your custom CSS class names here, to style particular content element differently.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","type":"solution"}