The following options are already features which are not html standard anymore. All the options do already require additional Javascript, css or dynamic processing.

', 'advanced-iframe'); ?>

Quicklinks:
', 'advanced-iframe'); if ($evanto || $isDemo) { _e('
Auto height/width
Show only a part of the iframe
Hide/cover parts of the iframe
Modify the iframe
Modify the parent page
Open iframe in layer
Zoom
Lazy load
Url parameter handling
', 'advanced-iframe'); } else { _e('
Auto height/width
Modify the iframe
Modify the parent page
Url parameter handling
', 'advanced-iframe'); } _e('
', 'advanced-iframe'); ?> External workaround". The setting there overwrites this setting because otherwise the iframe is maybe shown too early! Shortcode attribute: hide_page_until_loaded="true" or hide_page_until_loaded="false" ', 'advanced-iframe')); if ($evanto || $isDemo) { printTrueFalse(true,$devOptions, __('Show loading icon', 'advanced-iframe'), 'show_iframe_loader', __('You can show a loading icon until the page in the iframe is fully loaded. You can use your own image with the size of 66 x 66 px by replacing the file img/loader.gif. You can also place a loader.gif into the advanced-iframe-custom folder. Shortcode attribute: show_iframe_loader="true" or show_iframe_loader="false" ', 'advanced-iframe'),'false','http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/zoom-iframe-content'); printTextInput(true,$devOptions, __('Hide the content until iframe is loaded', 'advanced-iframe'), 'hide_content_until_iframe_color', __('If you define a color here (e.g. #ffffff) the content of the main page is hidden until the iframe is loaded. Especially if the iframe does cover most of your page the iframe looks more integrated. If you use fullscreen iframes sometimes it is better to keep this additional layer as the fullscreen iframe is on top of this. Add |keep to your color then. E.g. #ffffff|keep. Shortcode attribute: hide_content_until_iframe_color=""', 'advanced-iframe')); printTrueFalse(true,$devOptions, __('Enable responsive iframe', 'advanced-iframe'), 'enable_responsive_iframe', __('You can enable that the width of the iframe is responsive. This features adds a max-width:100% to the iframe. So the defined width is the maximum width of the iframe. IOS does ignore the width setting. So use this also if you have width problems with IOS. If the surrounding element gets smaller than this, the iframe is responsive and does shrink! When you enable this feature AND also the resize the iframe to the content height (direct or by external workaround), the height does get responsive too! All resize methods are also triggered when you change the browser size or rotate your device. And this is the big difference to any other pure css solution which only work for iframes with a certain ratio e.g. for videos. Please read this post for details and take a look pro demo. Please note that this feature does NOT work together with "Show only a part of an iframe" and "Hidden tabs". Shortcode attribute: enable_responsive_iframe="true" or enable_responsive_iframe="false" ', 'advanced-iframe'), 'false', 'http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/responsive-iframes', true); printNumberInput(true,$devOptions, __('Set Iframe height by ratio', 'advanced-iframe'), 'iframe_height_ratio', __('This setting enables you to set the height of an iframe depending on the width of an iframe with a given ratio. If you have a static site you know the width of an iframe and you can set the height to a fix value. But if you e.g. have an iframe width of 100% and responsive layout you do not know the height. Using auto height does solve this most of the time but sometimes the content inside the iframe is fully dynamic too (like a video which does scale). If this is the case you can define a ratio here. e.g. 0.5 means that if you have a width of 1000 you have a height of 500. If the width changes to 800 the height changes to 400. Please use a . as decimal char. This setting does also work together with "Enable responsive iframe". Scaling the browser does change the height also if you enable the setting above. If you enable this setting the local resize settings are disabled! Shortcode attribute: iframe_height_ratio="" ', 'advanced-iframe'), 'text', '', 'http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/responsive-videos', false); printTextInput(true,$devOptions, __('Reload interval', 'advanced-iframe'), 'reload_interval', __('You can reload the iframe in a given interval. Enter the intervall im ms or leave the field blank for no reload. Shortcode attribute: reload_interval=""', 'advanced-iframe')); printTextInput(false,$devOptions, __('Safari cookie fix', 'advanced-iframe'), 'safari_fix_url', __('If you need cookies in the page in the iframe to work properly you have a problem with Safari because Safari blocks 3rd party cookies by default! Therefore such pages will not work in iframes in Safari and browsers that are configured the same way. Please read about the problem and the basic solution here: http://vitr.github.io/safari-cookie-in-iframe/. the solution in this plugin has even more features like full browser and message support. Please go my example pages for the different options and how you can configure this. Shortcode attribute: safari_fix_url=""', 'advanced-iframe')); ?> >
browser detection section for details. Shortcode: browser=""', 'advanced-iframe'); ?>