Support

FancyBox modals

November 7th, 2012 in Shortcodes documentation, Support

FancyBox image modals

Example screenshot

Example code

Example FancyBox

Shortcode usage

The href tag should point to the image that you want to be shown in a modal box. Also, class=”mPreview” should be present. The img tag adds opacity effect on hover.

FancyBox video modals

Example screenshot

Example code

Example FancyBox

 

Shortcode usage

The href tag should point to the div ID you want to show video content from. That div should contain the embed code that you want to be shown in a modal box. Also, the div that contains the video embed code, must be wrapped in another div with class=”hide”.

    Hummingbird Web Solutions Pvt Ltd. Copyright © 2014. Premium WordPress Themes - Terms & Conditions