{"id":504,"date":"2016-07-05T00:24:13","date_gmt":"2016-07-05T00:24:13","guid":{"rendered":"http:\/\/sw-themes.com\/porto_dummy\/?page_id=504"},"modified":"2017-01-19T04:28:34","modified_gmt":"2017-01-19T04:28:34","slug":"lightboxes","status":"publish","type":"page","link":"https:\/\/www.proinas.com\/lightboxes\/","title":{"rendered":"Lightboxes"},"content":{"rendered":"

[vc_row][vc_column][vc_custom_heading text=\u00bbLightboxes Shortcodes\u00bb use_theme_fonts=\u00bbyes\u00bb el_class=\u00bbshorter\u00bb][vc_column_text]The lightboxes are driven by Visual Composer Single Image <\/strong>shortcodes.[\/vc_column_text][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=\u00bbSingle<\/strong> Image\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb el_class=\u00bbm-b-none\u00bb][vc_column_text]Simple popups with different styles.[\/vc_column_text][vc_row_inner][vc_column_inner width=\u00bb1\/4″][vc_custom_heading text=\u00bbDEFAULT\u00bb font_container=\u00bbtag:h5|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_single_image source=\u00bbexternal_link\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-2.jpg\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/4″][vc_custom_heading text=\u00bbDEFAULT WITH BORDER\u00bb font_container=\u00bbtag:h5|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-2.jpg\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/4″][vc_custom_heading text=\u00bbWITH ICON\u00bb font_container=\u00bbtag:h5|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb zoom_icon=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-4.jpg\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/4″][vc_custom_heading text=\u00bbHOVER EFFECT\u00bb font_container=\u00bbtag:h5|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-4.jpg\u00bb][\/vc_column_inner][\/vc_row_inner][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][\/vc_column][\/vc_row][vc_row][vc_column width=\u00bb1\/2″][vc_custom_heading text=\u00bbSimple Image Gallery\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb el_class=\u00bbm-b-none\u00bb][vc_column_text css=\u00bb.vc_custom_1434109421649{margin-bottom: 20px !important;}\u00bb]Image gallery in the same row.[\/vc_column_text][vc_row_inner][vc_column_inner width=\u00bb1\/3″][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project.jpg\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-1.jpg\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-2.jpg\u00bb][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=\u00bb1\/2″][vc_custom_heading text=\u00bbZoom Image Gallery\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb el_class=\u00bbm-b-none\u00bb][vc_column_text css=\u00bb.vc_custom_1434109439243{margin-bottom: 20px !important;}\u00bb]Image gallery in the same row.[\/vc_column_text][vc_row_inner][vc_column_inner width=\u00bb1\/3″][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-4.jpg\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-5.jpg\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-6.jpg\u00bb][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_custom_heading text=\u00bbZoom Image Gallery + Carousel\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][\/vc_column][\/vc_row][vc_row css=\u00bb.vc_custom_1434108880060{margin-right: -15px !important;margin-left: -15px !important;}\u00bb][vc_column][porto_carousel show_nav=\u00bbyes\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-1.jpg\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-2.jpg\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-3.jpg\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-4.jpg\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-5.jpg\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-6.jpg\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-7.jpg\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-1.jpg\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-2.jpg\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb image_gallery=\u00bbyes\u00bb hover_effect=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-3.jpg\u00bb][\/porto_carousel][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_custom_heading text=\u00bbDialog with CSS animation\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_column_text css=\u00bb.vc_custom_1467732444612{margin-bottom: 20px !important;}\u00bb]Animations are added with simple CSS transitions, you can make them look however you wish.[\/vc_column_text][porto_lightbox type=\u00bbbtn\u00bb btn_skin=\u00bbprimary\u00bb lightbox_animation=\u00bbzoom-anim\u00bb lightbox_size=\u00bbsm\u00bb text=\u00bbOpen with fade-zoom animation\u00bb][vc_custom_heading text=\u00bbDialog example\u00bb font_container=\u00bbtag:h1|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][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][\/porto_lightbox][porto_lightbox type=\u00bbbtn\u00bb btn_skin=\u00bbprimary\u00bb lightbox_animation=\u00bbmove-anim\u00bb lightbox_size=\u00bbsm\u00bb text=\u00bbOpen with fade-slide animation\u00bb][vc_custom_heading text=\u00bbDialog example\u00bb f
\nont_container=\u00bbtag:h1|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][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][\/porto_lightbox][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_custom_heading text=\u00bbPopup with video or map\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_column_text css=\u00bb.vc_custom_1467732490501{margin-bottom: 20px !important;}\u00bb]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=\u00bb1\/3″][porto_lightbox display=\u00bbblock\u00bb type=\u00bbbtn\u00bb btn_skin=\u00bbprimary\u00bb lightbox_type=\u00bbiframe\u00bb text=\u00bbOpen YouTube Video\u00bb iframe_url=\u00bbhttp:\/\/www.youtube.com\/watch?v=0O2aH4XLbto\u00bb][\/porto_lightbox][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][porto_lightbox display=\u00bbblock\u00bb type=\u00bbbtn\u00bb btn_skin=\u00bbprimary\u00bb lightbox_type=\u00bbiframe\u00bb text=\u00bbOpen Vimeo Video\u00bb iframe_url=\u00bbhttps:\/\/vimeo.com\/45830194″][\/porto_lightbox][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][porto_lightbox display=\u00bbblock\u00bb type=\u00bbbtn\u00bb btn_skin=\u00bbprimary\u00bb lightbox_type=\u00bbiframe\u00bb text=\u00bbOpen Google Map\u00bb iframe_url=\u00bbhttps:\/\/maps.google.com\/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom\u00bb][\/porto_lightbox][\/vc_column_inner][\/vc_row_inner][vc_separator color=\u00bbcustom\u00bb gradient=\u00bbyes\u00bb][vc_row_inner][vc_column_inner width=\u00bb1\/3″][porto_lightbox display=\u00bbblock\u00bb lightbox_type=\u00bbiframe\u00bb text=\u00bbOpen YouTube Video\u00bb iframe_url=\u00bbhttp:\/\/www.youtube.com\/watch?v=0O2aH4XLbto\u00bb][\/porto_lightbox][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][porto_lightbox display=\u00bbblock\u00bb lightbox_type=\u00bbiframe\u00bb text=\u00bbOpen Vimeo Video\u00bb iframe_url=\u00bbhttps:\/\/vimeo.com\/45830194″][\/porto_lightbox][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][porto_lightbox display=\u00bbblock\u00bb lightbox_type=\u00bbiframe\u00bb text=\u00bbOpen Google Map\u00bb iframe_url=\u00bbhttps:\/\/maps.google.com\/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom\u00bb][\/porto_lightbox][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_row_inner][vc_column_inner width=\u00bb1\/2″][vc_custom_heading text=\u00bbAjax\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_column_text css=\u00bb.vc_custom_1467732724846{margin-bottom: 20px !important;}\u00bb]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][porto_lightbox type=\u00bbbtn\u00bb btn_skin=\u00bbprimary\u00bb lightbox_type=\u00bbajax\u00bb text=\u00bbLoad Ajax Content\u00bb ajax_url=\u00bbhttp:\/\/sw-themes.com\/porto_dummy-lightboxes-ajax.html\u00bb][\/porto_lightbox][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_custom_heading text=\u00bbForm\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_column_text css=\u00bb.vc_custom_1467732788475{margin-bottom: 20px !important;}\u00bb]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][porto_lightbox type=\u00bbbtn\u00bb btn_skin=\u00bbprimary\u00bb text=\u00bbOpen Form\u00bb][contact-form-7 id=\u00bb74″ title=\u00bbContact Form – Basic\u00bb][\/porto_lightbox][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=\u00bb50px\u00bb][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][vc_custom_heading text=\u00bbLightboxes Shortcodes\u00bb use_theme_fonts=\u00bbyes\u00bb el_class=\u00bbshorter\u00bb][vc_column_text]The lightboxes are driven by Visual Composer Single Image shortcodes.[\/vc_column_text][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=\u00bbSingle Image\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb el_class=\u00bbm-b-none\u00bb][vc_column_text]Simple popups with different styles.[\/vc_column_text][vc_row_inner][vc_column_inner width=\u00bb1\/4″][vc_custom_heading text=\u00bbDEFAULT\u00bb font_container=\u00bbtag:h5|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_single_image source=\u00bbexternal_link\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-2.jpg\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/4″][vc_custom_heading text=\u00bbDEFAULT WITH BORDER\u00bb font_container=\u00bbtag:h5|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb custom_src=\u00bbhttp:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/images\/project-2.jpg\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/4″][vc_custom_heading text=\u00bbWITH ICON\u00bb font_container=\u00bbtag:h5|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_single_image source=\u00bbexternal_link\u00bb external_style=\u00bbvc_box_outline\u00bb onclick=\u00bbimg_link_large\u00bb lightbox=\u00bbyes\u00bb zoom_icon=\u00bbyes\u00bb […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/pages\/504"}],"collection":[{"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/comments?post=504"}],"version-history":[{"count":1,"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/pages\/504\/revisions"}],"predecessor-version":[{"id":826,"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/pages\/504\/revisions\/826"}],"wp:attachment":[{"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/media?parent=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}