Loading, please wait...

ARTDESIGN IFRAME

SETTINGS

Attributes

data-plugin-ad-i-frame="ad-i-frame"

This attribute is required in order to applied the plugin on the desired element
<a href="http://www.artdesign-creative.com" data-plugin-ad-i-frame="ad-i-frame">IFrame</a>

data-ad-i-frame-options="CloseButtonBottomRight, Blue"

This attribute overwrites the settings of the plugin
<a href="http://www.artdesign-creative.com" data-plugin-ad-i-frame="ad-i-frame" data-ad-i-frame-options="CloseButtonBottomRight, Blue">CloseButtonBottomRight, Blue</a>

Public Methods

Destroy

<script type="text/javascript">
    var IFrame = $(".ArtDesign").ArtDesignIFrame();
    IFrame.Destroy();
</script>

Default Options

<script type="text/javascript">
    General: { // General settings of the element
        ClassPrefix: "IFr_" // Put ClassPrefix on the style of the element in order to prevent a conflict with other styles from external CSS file; Must be string; By default: "IFr_"
    },
    Global: { // Global settings of the element
        ZIndex: 99999999, // It specifies the stack order of an elements; Must be integer or string (auto, initial, inherit); By default: 99999999
        AnimationSpeed: 0.6 // Set the AnimationSpeed; Must be decimal; By default: 0.6
    },
    BrowserSupport: { // Settings for the browser support
        Chrome: 20, // Indicates the require minimum version of the Chrome browser; Must be integer; By default: 20
        Mozilla: 20, // Indicates the require minimum version of the Mozilla browser; Must be integer; By default: 20
        Opera: 20, // Indicates the require minimum version of the Opera browser; Must be integer; By default: 20
        Safari: 5, // Indicates the require minimum version of the Safari browser; Must be integer; By default: 5
        MSIE: 9, // Indicates the require minimum version of the MSIE browser; Must be integer; By default: 9
        MSEdge: 12 // Indicates the require minimum version of the MSEdge browser; Must be integer; By default: 12
    },
    Overlay: { // Settings for the Overlay
        Overlay: true, // If it is true, it sets the following settings for Overlay; By default: true
        Background: "rgba(47, 64, 80, 0.4)" // Settings for Background
    },
    CloseButton: { // Set all setting for CloseButton as a CSS block, can be added more setting such as attributes
        Icon: "icon-cancel-circled", // Set the Icon from the ArtDesignIcons PlugIn; Must be string; By default: "icon-cancel-circled"
        CSS: { // Set all setting as a CSS block, can be added more setting
            "position": "fixed",
            "top": "20px",
            "right": "20px",
            "color": "#FFFFFF",
            "opacity": 1,
            "fontSize": "40px",
            "cursor": "pointer"
        },
        Normal: { // Settings for Normal color and opacity of the element
            Color: "#FFFFFF",
            Opacity: 1
        },
        Hover: { // Settings for Hover color and opacity of the element
            Color: "#6488AA",
            Opacity: 1
        },
        Click: { // Settings for Click color and opacity of the element
            Color: "#6488AA",
            Opacity: 1
        }
    }
</script>