<div id="test" style="width: 602px; min-height: 400px; color: gray;"><div id="zoomAll" class="zoomAll" style="margin: 0; width: 602px; overflow-x: hidden;"><div id="zoomBorder" class="zoomBorder" style="width: 602px; height: 402px; -webkit-user-select: none;" unselectable="on"><div id="zoomContainer" class="zoomContainer" style="width: 600px; height: 400px; text-align: left; margin: 1px; float: left; background-color: rgb(255, 255, 255); -webkit-user-select: none; cursor: default; background-image: none;" unselectable="on"><div id="zoomLoaderHolder" class="zoomLoaderHolder" style="z-index: 1; display: none;"><div id="zoomLoader" class="zoomLoader3" style="display: none;"></div></div><div id="zoomWarning" class="zoomWarning" style="display: none;"></div><div id="zoomedBack" class="zoomedBack" style="width: 600px; height: 400px; -webkit-transform: translateZ(0);"><div id="zoomedBackImage" class="zoomedBackImage" style="width:600px; height:400px;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_01_600x400.jpg" id="zoomedBackImg" style="position: absolute; width: 600px; height: 398px; -webkit-transform: translateZ(0); left: 0px; top: 1px; z-index: 1; opacity: 0.99999;" alt="" unselectable="on"></div></div><div id="zoomedImageContainer" class="zoomedImageContainer" style="width:600px; height:400px;"><div id="zoomedImage" class="zoomedImage" style="width:600px; height:400px;"><img src="http://www.ajax-zoom.com/axZm/icons/empty.gif" id="zoomedImg" style="position: absolute; width: 600px; height: 398px; -webkit-transform: translateZ(0); display: block; left: 0px; top: 1px;" alt="" unselectable="on"></div></div><div id="zoomLayer" class="zoomLayer" style="width:600px; height:400px;"><img src="http://www.ajax-zoom.com/axZm/icons/empty.gif" id="zoomLayerImg" class="zoomLayerImg" style="width: 600px; height: 400px; -webkit-transform: translateZ(0); -webkit-user-select: none; cursor: url(http://www.ajax-zoom.com/axZm/icons/openhand360.cur), w-resize;" alt="" unselectable="on"><div id="zoomMapHolder" class="zoomMapHolder" style="width: 150px; height: 100px; border-width: 1px; left: 5px; top: 5px; z-index: 1;"><div id="zoomMap" class="zoomMap" style="width: 150px; height: 100px; top: 0px;"><img id="zoomMapImg" alt="" src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_01_200x200.jpg" class="zoomMapImg" style="width: 150px; height: 100px; -webkit-user-select: none;" unselectable="on"><div id="zoomMapSel" class="zoomMapSel" style="width: 146px; height: 96px; border-width: 2px; background-image: url(http://www.ajax-zoom.com/axZm/icons/empty.gif); left: 0px; top: 0px;"><div id="zoomMapSelArea" class="zoomMapSelArea" style="width: 100%; height: 100%;"></div></div></div></div><div id="zoomSliderZoomContainer" style="width: auto; height: auto; padding: 7.5px 0px; position: absolute; z-index: 8; top: 55px; right: 7px; opacity: 0.7; -webkit-user-select: none; display: block;"><div id="zoomSliderZoom" class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" style="width: 10px; height: 150px; font-size: 15px;"><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" id="zoomSliderZoomHandle" style="bottom: 0%; outline: none; z-index: 10; cursor: pointer; left: -5px; margin-left: 0px;"></a></div></div><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_fsc_init.png" id="zoomCornerFsc" style="position: absolute; cursor: pointer; z-index: 666; display: block; top: 5px; right: 5px; width: 42px; height: 42px;"></div><div id="zoomDescrHolder" class="zoomDescrHolder" style="width: 600px; height: 400px; pointer-events: none; z-index: 1; display: none;"><div id="zoomDescr" class="zoomDescr" style="width: 600px; height: 0px; top: 400px; opacity: 0;"></div></div><div id="tilesLayerHolder" style="position: absolute; width: 600px; height: 400px; z-index: 9; overflow: hidden;"><div id="tilesLayer" style="position: absolute; width: 600px; height: 400px; overflow: visible; left: 0px; top: 0px; -webkit-transform: translateZ(0);"></div></div></div></div><div id="zoomNavigation" class="zoomNavigation" style="width: 602px; height: 48px; display: block; -webkit-user-select: none;" unselectable="on"><div id="zoomNaviInner" style="display: inline; float: left; text-align: left; padding: 0px; width: 592px; margin: 2px 5px 0px; opacity: 1;"><table id="zoomNaviTableOuter" cellspacing="0" cellpadding="0" style="padding: 0px; margin: 0px; width:592px; height: 46px"><tbody><tr><td style="vertical-align: top;"><div class="zoomLogHolder" id="zoomLogHolder" style="float: left; text-align: left; width: 70px;"><div id="zoomLevel" class="zoomLogJustLevel" style="">20%</div></div></td><td style="text-align: right; vertical-align: middle;"><table id="zoomNaviTable" cellspacing="0" cellpadding="0" style="float: right; opacity: 1;"><tbody><tr><td style="text-align: right; vertical-align: middle; width: 36px"><img id="zoomNaviPan" src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_pan.jpg" width="31" height="31" alt="Pan tool" unselectable="on" title="" style="cursor: pointer; opacity: 1;"></td><td style="text-align: right; vertical-align: middle; width: 36px"><img id="zoomNaviSpin" src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_3d_switched.jpg" width="31" height="31" alt="Spin tool" unselectable="on" title="" style="cursor: default; opacity: 1;"></td><td style="text-align: right; vertical-align: middle; width: 36px"><img id="zoomNaviCrop" src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_crop.jpg" width="31" height="31" alt="Zoom rectangle tool" unselectable="on" title="" style="cursor: pointer; opacity: 1;"></td><td style="width: 15px"><img src="http://www.ajax-zoom.com/axZm/icons/empty.gif" style="width: 8px; height: 10px;" alt="" title=""></td><td style="text-align: right; vertical-align: middle; width: 36px"><img id="zoomNaviOut" src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_out.jpg" width="31" height="31" alt="Zoom out" unselectable="on" title="" style="opacity: 0.5; cursor: default;"></td><td style="text-align: right; vertical-align: middle; width: 36px"><img id="zoomNaviIn" src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_in.jpg" width="31" height="31" alt="Zoom in" unselectable="on" title="" style="cursor: pointer; opacity: 1;"></td><td style="width: 15px"><img src="http://www.ajax-zoom.com/axZm/icons/empty.gif" style="width: 8px; height: 10px;" alt="" title=""></td><td style="text-align: right; vertical-align: middle; width: 69px"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="width: 23px; vertical-align: middle;"><img id="zoomNaviML" style="margin-right: 2px; opacity: 0.5; cursor: default;" src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_ml.jpg" width="21" height="18" alt="Move to the left" unselectable="on" title=""></td><td style="width: 21px; vertical-align: middle;"><img id="zoomNaviMT" style="vertical-align: bottom; margin-bottom: 2px; opacity: 0.5; cursor: default;" src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_mt.jpg" width="21" height="18" alt="Move up" unselectable="on" title=""><img id="zoomNaviMB" style="vertical-align: top; opacity: 0.5; cursor: default;" src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_mb.jpg" width="21" height="18" alt="Move down" unselectable="on" title=""></td><td style="width: 23px; vertical-align: middle;"><img id="zoomNaviMR" style="margin-left: 2px; opacity: 0.5; cursor: default;" src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_mr.jpg" width="21" height="18" alt="Move to the right" unselectable="on" title=""></td></tr></tbody></table></td><td style="width: 15px"><img src="http://www.ajax-zoom.com/axZm/icons/empty.gif" style="width: 8px; height: 10px;" alt="" title=""></td><td valign="middle" style="text-align: left; width: 36px"><img id="zoomNavi100" src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_reset.jpg" width="31" height="31" alt="Reset to initial size" unselectable="on" title="" style="cursor: pointer; opacity: 1;"></td></tr></tbody></table></td><td style="text-align: right; vertical-align: middle; width: 72px"><table id="zoomNaviControls" cellspacing="0" cellpadding="0" style="float: right"><tbody><tr><td style="text-align: right; vertical-align: middle; width: 36px"><img id="zoomMapButton" src="/axZm/icons/default/zoombutton_map.jpg" width="31" height="31" alt="Show / hide map" unselectable="on" title="" style="cursor: pointer;"></td><td style="text-align: right; vertical-align: middle; width: 36px"><img id="zoomFullScreenButton" src="/axZm/icons/default/zoombutton_fullscreen.jpg" width="31" height="31" alt="Open in fullscreen mode" unselectable="on" title="" style="cursor: pointer;"></td></tr></tbody></table></td></tr></tbody></table></div></div><div id="zoomSliderSpinContainer" class="zoomSliderSpinContainer" style="width:602px; height:24px;"><div style="height: 30px; margin: 5px 50px 5px 50px;"><div style="float: left; width: 502px; padding-top: 0px;"><div id="zoomSliderSpin" style="font-size: 12px; height: 8px; " class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false"><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%; outline: none; cursor: pointer; top: -4.5px; margin-top: 0px;"></a></div></div></div></div><div id="zoomOpr" style="height: 0px; visibility: hidden; display: none; overflow: hidden;"><a href="http://www.ajax-zoom.com">jQuery Image Zoom & Pan Gallery</a></div></div>
</div>
<div style="clear:both">
Clean 360 example, no PHP in this file, see sourcecode.
</div>
<script type="text/javascript">
// Create new object
var ajaxZoom = {};
// Callbacks
ajaxZoom.opt = {
onBeforeStart: function(){
jQuery('.zoomContainer').css({backgroundColor: '#FFFFFF'});
jQuery('.zoomLogHolder').css({width: 70});
jQuery.axZm.spinReverse = true;
}
};
// Define the path to the axZm folder
ajaxZoom.path = "http://www.pdagrafica.com/Personale/test/pda/axZm/";
// Define your custom parameter query string
ajaxZoom.parameter = "example=17&3dDir=/pic/zoom3d/Uvex_Occhiali";
// The ID of the element where ajax-zoom has to be inserted into
ajaxZoom.divID = "test";
</script>
<!-- Include the loader file -->
<script type="text/javascript" src="http://www.ajax-zoom.com/axZm/jquery.axZm.loader.js"></script>
<!-- google analytics -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
var gaJaSource = 'google-analytics.com';
//var gaJaSource = 'ajax-zoom.com/js';
document.write(unescape("%3Cscript src='" + gaJsHost + gaJaSource + "/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-15598343-1");
pageTracker._trackPageview();
} catch(err) {}
</script>
<!-- google analytics end -->
<div id="axZmCache" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/openhand.cur" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/closedhand.cur" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/crop.cur" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/openhand360.cur" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/closedhand360.cur" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/openhand360N.cur" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/closedhand360N.cur" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/openhand3D.cur" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/closedhand3D.cur" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_01_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/plugins/jquery.ui/themes/ajax-zoom/images/ui-bg_glass_75_e6e6e6_1x400.png" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_fullscreen_down.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_fullscreen_over.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_play_down.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_play_over.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_fsc_init_down.png" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_fsc_init_over.png" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_01_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_in_down.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_in_over.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_download_down.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_download_over.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_crop_down.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_crop_over.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_pan_down.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_pan_over.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_reset_down.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_reset_over.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_map_down.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/axZm/icons/default/zoombutton_map_over.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_02_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_02_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_03_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_03_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_04_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_04_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_05_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_05_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_06_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_06_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_07_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_07_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_08_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_08_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_09_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_09_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_10_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_10_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_11_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_11_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_12_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_12_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_13_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_13_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_14_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_14_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_15_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_15_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_16_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_16_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_17_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_17_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_18_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_18_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_19_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_19_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_20_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_20_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_21_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_21_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_22_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_22_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_23_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_23_200x200.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoomthumb/uvex_occhiali_24_600x400.jpg" style="display: none;"><img src="http://www.ajax-zoom.com/pic/zoommap/uvex_occhiali_24_200x200.jpg" style="display: none;"></div>