Image – Lightboxes

[TS-VCSC-Icon-Title title=”Single Images” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”c2luZ2xl” el_file1=”” el_file2=””][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”info” panel_icon=”ts-awesome-info-circle”]

You can assign the lightbox to any image on your page and can even group images throughout the page by either using a default group name or assign a custom group name. When no group name has been assigned, the image will be “stand-alone”.

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”20″]

[TS-VCSC-Lightbox-Image content_image=”16158″ content_title=”This is the image title” lightbox_group=”false” height=”10″ content_type=”image” content_subtitle=”Click to view picture” lightbox_backlight_auto=”false”]
[TS-VCSC-Lightbox-Image content_image=”16163″ content_title=”This is the image title” lightbox_group=”false” height=”10″ content_type=”image” content_subtitle=”Click to view picture” lightbox_backlight_auto=”true”]
[TS-VCSC-Lightbox-Image content_image=”16143″ content_title=”This is the image title” lightbox_group=”false” height=”10″ content_type=”image” content_subtitle=”Click to view picture” lightbox_backlight_auto=”true”]
[TS-VCSC-Lightbox-Image content_image=”16136″ content_title=”This is the image title” lightbox_group=”false” height=”10″ content_type=”image” content_subtitle=”Click to view picture” lightbox_backlight_auto=”true”]
[TS-VCSC-Spacer height=”20″]
[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Manually Grouped Images” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”R3JvdXBlZA==” el_file1=”” el_file2=””][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”info” panel_icon=”ts-awesome-info-circle”]

The following images have been grouped together by using a common group name (i.e. “imagegroup1″).

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”20″]

[TS-VCSC-Lightbox-Image content_image=”16168″ lightbox_group=”false” lightbox_group_name=”imagegroup1″ height=”10″ content_type=”image” content_subtitle=”Click to view picture” lightbox_backlight_auto=”false”]
[TS-VCSC-Lightbox-Image content_image=”16157″ lightbox_group=”false” lightbox_group_name=”imagegroup1″ height=”10″ content_type=”image” content_subtitle=”Click to view picture” lightbox_backlight_auto=”true”]
[TS-VCSC-Lightbox-Image content_image=”16162″ lightbox_group=”false” lightbox_group_name=”imagegroup1″ height=”10″ content_type=”image” content_subtitle=”Click to view picture” lightbox_backlight_auto=”true”]
[TS-VCSC-Lightbox-Image content_image=”16144″ lightbox_group=”false” lightbox_group_name=”imagegroup1″ height=”10″ content_type=”image” content_subtitle=”Click to view picture” lightbox_backlight_auto=”true”]
[TS-VCSC-Spacer height=”20″]
[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Image Shapes” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”U2hhcGVz” el_file1=”” el_file2=””][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”info” panel_icon=”ts-awesome-info-circle” font_title_family=”Default:regular” font_content_family=”Default:regular”]

All image shapes (other than “Standard”) work best with square images, but the plugin will attempt to scale/crop other image formats automatically in order to best fit those into the selected shape.

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”20″]

Standard

[TS-VCSC-Lightbox-Image content_image=”20310″ content_image_size=”large”]

Circle (SVG)

[TS-VCSC-Lightbox-Image content_shape=”circle” content_image=”20310″ content_image_size=”large”]

Losange

[TS-VCSC-Lightbox-Image content_shape=”losange” content_image=”20310″ content_image_size=”large”]

Diamond

[TS-VCSC-Lightbox-Image content_shape=”diamond” content_image=”20310″ content_image_size=”large” margin_top=”15″]

Hexagon

[TS-VCSC-Lightbox-Image content_shape=”hexagon” content_image=”20310″ content_image_size=”large”]

Octagon

[TS-VCSC-Lightbox-Image content_shape=”octagon” content_image=”20310″ content_image_size=”large”]
[TS-VCSC-Spacer height=”20″]