Advanced iframe pro 5.9 with lazy loading is available

Hi,

Advanced iframe pro version 5.9 is now on codecanyon
http://www.codecanyon.net/item/advanced-iframe-pro/5344999?ref=mdempfle

This is the new pro stuff:

  • New: Lazy load of iframes with treshold and fadein. Iframes can be loaded after the parent is done or the iframe is shown in the viewport! (Pro)
  • New: Better input validation. Avoids configuration errors.
  • New: WordPress 3.9.1 is supported
  • New: An alternative to the eval function is now used in Javascript to improve security and speed.
  • New: Browscap version 5029 lite 8th May 2014 is now included. (Pro)
  • Fix: Code improvements found with the plugin checker plugin
  • Fix: Hidden tabs was not working because of the responsive iframe feature. Now both do work independant again. (Pro)
  • Fix: Improved shortcode generator (Pro)
  • Fix: Width is now measured without the extra space (which was 0 by default anyway ;))
  • Fix: Whitelist for params was extended by :,? and &
  • Fix: Wrong default for Set Iframe height by ratio (iframe_height_ratio) was fixed (Pro)
  • Fix: loader icon and responsive iframe do now work together! (Pro)

Compare the free and the pro versions here:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart

Have fun using advanced iframe,
Best, Michael

Advanced iframe pro 5.7 is available

Hi,

Advanced iframe pro version 5.7 is now on codecanyon
codecanyon.net/item/advanced-iframe-pro/5344999?ref=mdempfle

This is the new pro stuff:

  • New: html attribute allowfullscreen is now supported.
  • New: Zoom and auto height with the external workaround with several iframes on the same page is now supported.
  • Fix: Advanced iframe pro can now be used together with php-browser-detection. Before using both where leading to a function redeclaration.
  • Fix: Functions of the old and new workaround had the same name with different parameters. Now this functions have different names and also work properly with several iframes on the same page.

Compare the free and the pro versions here:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart

Have fun using advanced iframe,
Best, Michael

Responsive iframes with Advanced iFrame Pro

If you want to have a responsive iframe on your site the parent page AND the iframe page have to be responsive. If this is not the case you will not get the expected result.

If you google a little bit you find many solutions for responsive iframes.
Many of the solutions are only css based like

  • http://andmag.se/2011/11/responsive-embeds/
  • http://stackoverflow.com/questions/17838607/making-an-iframe-responsive

The big problem of this solutions is that they only work fine if the content is responsive AND you know the ratio of it. So it normally only works fine for videos and images. This scenarios are supported also: Responsive videos.

You also often find that you only need to set the style max-width:100% to the iframe.
But than you have an iframe with a responsive width but the problem with the correct height is still unsolved!

The solution is that the iframe needs to tell the parent its height after each resize.
This is easy if you are on the same domain but also possible if you are on different  domains. Due to the same-origin policy  an iframe at a different domain can’t use JavaScript to directly communicate with the parent page. Possible solutions are to use postMessage() or XSS communication using iframes.

-> To enable real responsive iframes you need to have access to the parent AND the iframe page.

Advanced iframe does already resize the iframe to its content height on the same domain and also on different domains using the XSS communication using iframes (I call it external workaround in the settings).

Advanced iframe pro version 5.6 does put all this together and does recalculate the height at each browser resize. The only thing you have to do is to enable responsive iframe and the auto height feature in the settings and use the external workaround if needed.

Summary:
– The parent and the page you want to include into the iframe need to be responsive!
– The iframe is on the same domain as the parent or you can modify the iframe page to use the external workaround.

See the working example in the pro demo: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/responsive-iframes

If this does not apply for you the only other option which is maybe possible for you is to use auto zoom of the iframe. See
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/auto-zoom-iframe-content

Get advanced iframe pro on codeyanyon: http://codecanyon.net/item/advanced-iframe-pro/5344999

Have fun using advanced iframe pro,
Michael

Advanced iframe pro 5.4 is available

Hi,

Advanced iframe pro version 5.4 is now on codecanyon
codecanyon.net/item/advanced-iframe-pro/5344999?ref=mdempfle

This is the new pro stuff:

  • New: The default security key is now based on the AUTH_KEY of WordPress and the current time. Please change the default key to your own to increase security.
  • New: Zoom of iframe content: This feature is supported for the following browsers: IE8-11, Firefox, Chrome, Safari, Opera. Older versions of IE are not supported. Please test all the browsers you want to support with your page because not all pages do look good in a zoomed mode! This feature is also part of the demo. So you can test your browsers there! (Pro)
  • New: iframe loading icon. You can now show a loding icon while the iframe is loaded. If you use the “hide until loaded feature” your users does see that something is happening. You can use your own image (loader.gif) with a size of 66×66 px by replacing the one in the img folder (Pro).
  • New: Accordeon menu (Pro).
  • New: Map parameter/value pairs to urls. You can specify parameter/value/url tripples which are used the following way.  If the parent has ?parameter=value than the url of the setting is used as src for the iframe (Pro).
  • New: Reading of browser detection file is cached (Pro).
  • New: Improved padding and better handling in expert mode (Pro)
  • New: Input text fields have now dynamic sizes. So if you enlage the screen they should always fit. Textfields with numbers only are now much shorter as the numbers there never get longer.
  • Fix: Expert mode description fixed (Pro)
  • Fix: Error message when saving a special setting was fixed

Compare the free and the pro versions here:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart

Have fun using advanced iframe,
Best, Michael

Advanced iFrame pro 5.3 available

Hi,

Advanced iframe pro version 5.3 is now on codecanyon
codecanyon.net/item/advanced-iframe-pro/5344999?ref=mdempfle

This is the new pro stuff:

– New: Browser detection added. You can now specify browser specific iframes.
– New: Change link targets on the parent that they open inside the iframe.
– New: Change link targets inside the iframe if the iframe page is on the same domain or if you can use the external workaround.
– New: Redirect direct access of the iframe page to the parent page.
– New: url forward parameter mapping. WordPress has many reserved word in the url so they cannot be used. Now parameters can be mapped to a different one in the confiuration.
– New: Integrated jQuery help
– A couple of small fixes…

Compare the free and the pro versions here:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart

Have fun using advanced iframe,
Best, Michael

Advanced iframe hits 100.000 downloads today ;).

Hi,

Advanced iframe hits 100.000 downloads today.
http://wordpress.org/plugins/advanced-iframe/stats/

Thanks for everyone using this nice helpful plugin.
Get the pro version on codecanyon for even more features.
codecanyon.net/item/advanced-iframe-pro/5344999?ref=mdempfle

Compare the two versions here:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart

Have fun using advanced iframe,
Best, Michael

Advanced iframe 5.1 is online

Hi,

Advanced iframe 5.1 is online

this is the new stuff:

  • New: vertical and/or horizontal scrollbars in the pro feature “Show only part of the iframe” solution are possible. This makes it possible to include e.g. a whole inner content with scrollbars but without showing e.g. the header of the external page. See the pro version for a working example.
  • New: Resize can now be delayed. This helps if the onload event is fired but the page is not completely build. This feature is also possible in the external workaround of the pro version.
  • New: Administration options are grayed out if not available because of another setting.
  • New: Expert mode. If you enable this the description is only shown if you click on the setting. You see more settings at once but only one description at once. Use this if you are common with the settings.
  • New: id is now set automatically if a src is set in the shortcode but no id is set. This avoids problems if people  forgets to set the id ;).
  • Fix: The external workaround does now hide the html element until all modifications are done. Before only the body was hidden which was showing the background in some browsers. If you still see a background for a very short time please look into ai_external.template.js – line 53

Get the new version on wordpress.org or the pro version at http://codecanyon.net/item/advanced-iframe-pro/5344999?ref=mdempfle.

The pro features are now:

Have fun using Advanced iframe,

Best, Michael

Advanced iframe 5.0 is online

Hi,

Advanced iframe 5.0 is online

The list of new features is really big:

  • New: ‘Show only a part of the iframe’ has now a graphical area selector where yu can simply select the area you want to show with the mouse! (Pro)
  • New: Improved external workaround: It can now be configured to work with different settings for different iframes
  • New: Improved documentation of the external workaround
  • New: Improved external workaround: “Modify the content of the iframe if the iframe page is on the same domain” is now supported in the workaround and can be configured for different domains (Pro).
  • New: Improved external workaround: The iframe can be hidden until al external modifications are done!
  • New: Improved external workaround: The same page can now be included into different wordpress installations. Only one configration is allowed here. For multiple configurations you need the onclude the different scripts depending on the parent with php.
  • New: Tested with WordPress 3.7.1
  • New: Fully compatible with php >= 5.3
  • New: “Scroll to top” does now not need a workaround anymore and the setting was moved to a different section where it makes more sense
  • New: Whitelist for url foreward parameters. If the value does only contain parameters on the whitelist than the value is not encoded anymore. Whitelist: @a-zA-Z0-9À-ÖØ-öø-ÿ|)( minus and space.
  • New: Support of the external workaround for IE7 and IE8
  • New: Quickstart guide added to the administration page of advanced iframe pro.
  • New: When the external workaround is set to true settings which only work on the same domain are disabled.
  • New: Improved handling of the show_part_of_iframe_… feature. Not needed dependencies at configuration where removed. This enables more flexibility here! (Pro)
  • Fix: show_part_of_iframe_x and show_part_of_iframe_y where switched. now show_part_of_iframe_x = left and show_part_of_iframe_y = top (Pro)
  • Fix: n where removed from the code because some other plugins converted them to br which where adding unwanted empty lines.
  • Fix: Hide elements until loaded is now again the last step of the onload values.
  • Fix: em tags where replaced by p tags in the administration. Copying em tags where copying the em tags to the editor as well which could cause invalid shortcodes
  • Fix: “Restart the viewports from the beginning after the last step”: old shortcode was in the description show_part_of_iframe_do_update -> show_part_of_iframe_next_viewports_loop (Pro)

Get the new version on wordpress.org or the pro version at http://codecanyon.net/item/advanced-iframe-pro/5344999?ref=mdempfle.

The pro features are now:

Have fun using Advanced iframe,

Best, Michael