example12_responsive.phpOverview (index.php)Buy / DownloadAsk a question
example13_responsive.php

AJAX-ZOOM - load zoom viewer in an iframe

There are several reasons why you would want to embed AJAX-ZOOM into an iframe. In fact this is the easiest way to embed AJAX-ZOOM as you do not need the jQuery core in the actual page and do not need other script as well. One of the immanent reasons is that due to simple API using and programming you can not have more then one instance of AJAX-ZOOM showing simultaniously at one page. You can however switch between several instances like in example29.php

Due to AJAX-ZOOM license restriction using crossdomain iframes is turned off on default.

For developers: it is not widely known - if you need cross-origin communication please google for "window.postMessage";

Some image (gallery) from http://www.ajax-zoom.com

<iframe width="800" height="533" frameborder="0" src="http://www.ajax-zoom.com/examples/example33_vario.php?zoomDir=trasportation&zoomFile=transportation_007.jpg" scrolling="no" allowfullscreen></iframe>

360° spin from http://www.ajax-zoom.com

<iframe width="800" height="533" frameborder="0" src="http://www.ajax-zoom.com/examples/example33_vario.php?3dDir=/pic/zoom3d/Ecco&spinReverse=1&spinNoInit=1" scrolling="no" allowfullscreen></iframe>

Local iframe

<iframe width="800" height="533" frameborder="0" src="example33_vario.php?zoomData=/pic/zoom/high_res/high_res_001.jpg" scrolling="no" allowfullscreen></iframe>