Zoom iframe content

This demo shows the "Zoom" feature which only available in the pro version of the advanced iframe.

Please note that this feature does only work for all modern browser. So IE 6+7 are not supported anymore. If you need to support older browser you should use the browser detection and display an alternative content for this users.

To make it easier to copy/paste the examples most examples are fully configured in the shortcode directly. I use use_shortcode_attributes_only=”true” that none of the settings from the administration are used.

Example 15

This example shows a part www.tinywebgallery.com with a zoom factor of 0.8 = 80% of its original size. Only the upper part with no scrolling is shown here.


The used shortcode is:
[advanced_iframe securitykey="your key" use_shortcode_attributes_only="true" src="http://www.tinywebgallery.com" id="advanced_iframe_13" height="600" iframe_zoom="0.8" width="1000" scrolling="no" show_iframe_loader="true"]

Example 16

This example shows the images of the example page with a zoom factor of 2. To show only the images the "Show only a part of the iframe" feature is used. So it is like the example 3 (2 thumbnails are used which are on a different page. When you click on one of the thumbnails a bigger detail view is shown. If you click on the back link below the big image the view jumps back to the thumbnails.)  but with a zoom ;).

The used shortcode is:
[advanced_iframe securitykey="your key" src="http://examples.tinywebgallery.com/example3u4/example.html" use_shortcode_attributes_only="true" id="example3" height="1200" width="1600" show_part_of_iframe="true" show_part_of_iframe_x="460" show_part_of_iframe_y="400" show_part_of_iframe_width="500" show_part_of_iframe_height="260" show_part_of_iframe_next_viewports="460,180,800,720" show_part_of_iframe_next_viewports_loop="true" iframe_zoom="2"]

Have fun using Advanced iFrame Pro,