Magnific Lightbox Effects

[vc_row css=”.vc_custom_1422928780860{margin-bottom: 10px !important;}”][vc_column][vc_column_text]

Default lightbox

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][st_lightbox st_type=”image” st_image=”5754″][/st_lightbox][/vc_column][vc_column width=”1/4″][/vc_column][vc_column width=”1/4″][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1422928757867{margin-top: 30px !important;}”]

Animation effects

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422928819386{margin-top: 10px !important;margin-bottom: 10px !important;}”][vc_column width=”1/4″][vc_column_text css=”.vc_custom_1422928908540{margin-bottom: 10px !important;}”]

Zoom out

[/vc_column_text][st_lightbox st_type=”image” st_effect=”mfp-zoom-out” st_image=”5320″][/st_lightbox][/vc_column][vc_column width=”1/4″][vc_column_text css=”.vc_custom_1422928971705{margin-bottom: 10px !important;}”]

Fade

[/vc_column_text][st_lightbox st_type=”image” st_effect=”mfp-fade” st_image=”5321″][/st_lightbox][/vc_column][vc_column width=”1/4″][vc_column_text css=”.vc_custom_1422928980947{margin-bottom: 10px !important;}”]

Move horizontal

[/vc_column_text][st_lightbox st_type=”image” st_effect=”mfp-move-horizontal” st_image=”5324″][/st_lightbox][/vc_column][vc_column width=”1/4″][vc_column_text css=”.vc_custom_1422928992378{margin-bottom: 10px !important;}”]

Move from top

[/vc_column_text][st_lightbox st_type=”image” st_effect=”mfp-move-from-top” st_image=”5323″][/st_lightbox][/vc_column][/vc_row][vc_row css=”.vc_custom_1422929167003{margin-top: 30px !important;margin-bottom: 10px !important;}”][vc_column width=”1/4″][vc_column_text css=”.vc_custom_1422929188950{margin-bottom: 10px !important;}”]

Zoom in

[/vc_column_text][st_lightbox st_type=”image” st_effect=”mfp-zoom-in” st_image=”5325″][/st_lightbox][/vc_column][vc_column width=”1/4″][vc_column_text css=”.vc_custom_1422929248748{margin-bottom: 10px !important;}”]

Newspaper

[/vc_column_text][st_lightbox st_type=”image” st_effect=”mfp-newspaper” st_image=”5324″][/st_lightbox][/vc_column][vc_column width=”1/4″][vc_column_text css=”.vc_custom_1422929258777{margin-bottom: 10px !important;}”]

3D unfold

[/vc_column_text][st_lightbox st_type=”image” st_effect=”mfp-3d-unfold” st_image=”5323″][/st_lightbox][/vc_column][/vc_row][vc_row css=”.vc_custom_1422929462560{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column][vc_column_text css=”.vc_custom_1422929302563{margin-top: 30px !important;}”]

Gallery

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][st_gallery st_effect=”mfp-newspaper” st_col=”4″ st_number_image=”4″ st_images_in=”5326,5325,5324,5323,5322,5321,5320″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1422929491400{margin-top: 30px !important;margin-bottom: 10px !important;}”]

Non Image Content

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][st_lightbox st_type=”html” st_effect=”mfp-zoom-out” st_title=”Modal HTML block ” st_image=”5318″]

Dialog example

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.

[/st_lightbox][/vc_column][/vc_row][vc_row][vc_column][vc_column_text css=”.vc_custom_1422930081280{margin-top: 30px !important;margin-bottom: 10px !important;}”]

Iframe Content

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][st_lightbox st_type=”iframe” st_effect=”mfp-3d-unfold” st_link=”https://vimeo.com/45830194″ st_title=”Vimeo Video” st_image=”5674″][/st_lightbox][/vc_column][/vc_row][vc_row][vc_column][st_lightbox st_type=”iframe” st_effect=”mfp-3d-unfold” st_link=”http://www.youtube.com/watch?v=0O2aH4XLbto” st_title=”Youtube Video ” st_image=”5675″][/st_lightbox][/vc_column][/vc_row][vc_row][vc_column][st_lightbox st_type=”iframe” st_effect=”mfp-3d-unfold” st_link=”https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom” st_title=”Google Map” st_image=”5319″][/st_lightbox][/vc_column][/vc_row]

Post Discussion

Be the first to comment “Magnific Lightbox Effects”