Lightboxes

[vc_row][vc_column][vc_custom_heading text= »Lightboxes Shortcodes » use_theme_fonts= »yes » el_class= »shorter »][vc_column_text]The lightboxes are driven by Visual Composer Single Image shortcodes.[/vc_column_text][vc_separator color= »custom » gap= »tall » gradient= »yes »][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text= »Single Image » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes » el_class= »m-b-none »][vc_column_text]Simple popups with different styles.[/vc_column_text][vc_row_inner][vc_column_inner width= »1/4″][vc_custom_heading text= »DEFAULT » font_container= »tag:h5|text_align:left » use_theme_fonts= »yes »][vc_single_image source= »external_link » onclick= »img_link_large » lightbox= »yes » custom_src= »http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg »][/vc_column_inner][vc_column_inner width= »1/4″][vc_custom_heading text= »DEFAULT WITH BORDER » font_container= »tag:h5|text_align:left » use_theme_fonts= »yes »][vc_single_image source= »external_link » external_style= »vc_box_outline » onclick= »img_link_large » lightbox= »yes » custom_src= »http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg »][/vc_column_inner][vc_column_inner width= »1/4″][vc_custom_heading text= »WITH ICON » font_container= »tag:h5|text_align:left » use_theme_fonts= »yes »][vc_single_image source= »external_link » external_style= »vc_box_outline » onclick= »img_link_large » lightbox= »yes » zoom_icon= »yes » custom_src= »http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg »][/vc_column_inner][vc_column_inner width= »1/4″][vc_custom_heading text= »HOVER EFFECT » font_container= »tag:h5|text_align:left » use_theme_fonts= »yes »][vc_single_image source= »external_link » external_style= »vc_box_outline » onclick= »img_link_large » lightbox= »yes » hover_effect= »yes » custom_src= »http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg »][/vc_column_inner][/vc_row_inner][vc_separator color= »custom » gap= »tall » gradient= »yes »][/vc_column][/vc_row][vc_row][vc_column width= »1/2″][vc_custom_heading text= »Simple Image Gallery » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes » el_class= »m-b-none »][vc_column_text css= ».vc_custom_1434109421649{margin-bottom: 20px !important;} »]Image gallery in the same row.[/vc_column_text][vc_row_inner][vc_column_inner width= »1/3″][vc_single_image source= »external_link » external_style= »vc_box_outline » onclick= »img_link_large » lightbox= »yes » image_gallery= »yes » custom_src= »http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg »][/vc_column_inner][vc_column_inner width= »1/3″][vc_single_image source= »external_link » external_style= »vc_box_outline » onclick= »img_link_large » lightbox= »yes » image_gallery= »yes » custom_src= »http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg »][/vc_column_inner][vc_column_inner width= »1/3″][vc_single_image source= »external_link » external_style= »vc_box_outline » onclick= »img_link_large » lightbox= »yes » image_gallery= »yes » custom_src= »http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg »][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width= »1/2″][vc_custom_heading text= »Zoom Image Gallery » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes » el_class= »m-b-none »][vc_column_text css= ».vc_custom_1434109439243{margin-bottom: 20px !important;} »]Image gallery in the same row.[/vc_column_text][vc_row_inner][vc_column_inner width= »1/3″][vc_single_image source= »external_link » external_style= »vc_box_outline » onclick= »img_link_large » lightbox= »yes » image_gallery= »yes » hover_effect= »yes » custom_src= »http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg »][/vc_column_inner][vc_column_inner width= »1/3″][vc_single_image source= »external_link » external_style= »vc_box_outline » onclick= »img_link_large » lightbox= »yes » image_gallery= »yes » hover_effect= »yes » custom_src= »http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-5.jpg »][/vc_column_inner][vc_column_inner width= »1/3″][vc_single_image source= »external_link » external_style= »vc_box_outline » onclick= »img_link_large » lightbox= »yes » image_gallery= »yes » hover_effect= »yes » custom_src= »http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-6.jpg »][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_separator color= »custom » gap= »tall » gradient= »yes »][vc_custom_heading text= »Zoom Image Gallery + Carousel » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][/vc_column][/vc_row][vc_row css= ».vc_custom_1434108880060{margin-right: -15px !important;margin-left: -15px !important;} »][vc_column]

[/vc_column][/vc_row][vc_row][vc_column][vc_separator color= »custom » gap= »tall » gradient= »yes »][vc_custom_heading text= »Dialog with CSS animation » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][vc_column_text css= ».vc_custom_1467732444612{margin-bottom: 20px !important;} »]Animations are added with simple CSS transitions, you can make them look however you wish.[/vc_column_text]
Open with fade-zoom animation
[vc_custom_heading text= »Dialog example » font_container= »tag:h1|text_align:left » use_theme_fonts= »yes »][vc_column_text]This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.[/vc_column_text]
Open with fade-slide animation
[vc_custom_heading text= »Dialog example » font_container= »ta
g:h1|text_align:left » use_theme_fonts= »yes »][vc_column_text]This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.[/vc_column_text]
[/vc_column][/vc_row][vc_row][vc_column][vc_separator color= »custom » gap= »tall » gradient= »yes »][vc_custom_heading text= »Popup with video or map » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][vc_column_text css= ».vc_custom_1467732490501{margin-bottom: 20px !important;} »]In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered.[/vc_column_text][vc_row_inner][vc_column_inner width= »1/3″][/vc_column_inner][vc_column_inner width= »1/3″][/vc_column_inner][vc_column_inner width= »1/3″][/vc_column_inner][/vc_row_inner][vc_separator color= »custom » gradient= »yes »][vc_row_inner][vc_column_inner width= »1/3″][/vc_column_inner][vc_column_inner width= »1/3″][/vc_column_inner][vc_column_inner width= »1/3″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_separator color= »custom » gap= »tall » gradient= »yes »][vc_row_inner][vc_column_inner width= »1/2″][vc_custom_heading text= »Ajax » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][vc_column_text css= ».vc_custom_1467732724846{margin-bottom: 20px !important;} »]You have full control of what is displayed in popup, align it to any side via CSS, enable or disable scroll on right side of window.[/vc_column_text][/vc_column_inner][vc_column_inner width= »1/2″][vc_custom_heading text= »Form » font_container= »tag:h4|text_align:left » use_theme_fonts= »yes »][vc_column_text css= ».vc_custom_1467732788475{margin-bottom: 20px !important;} »]Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button.[/vc_column_text]
Open Form




    [/vc_column_inner][/vc_row_inner][vc_empty_space height= »50px »][/vc_column][/vc_row]