It has been often asked how to manage 360/3D product spins and plain 2D images in one gallery. The vertical and horizontal galleries which are integrated into AJAX-ZOOM do not support it. However it is possible to make a custom HTML gallery with both - 360 and 2D images and control the player over API functions. In this example we have made a custom function jQuery.axZmSwitchImage() including some additional logic - when switching between regular 2D images and 360 object it is necessary (or more easy) to reload the player in the background. Thus the javascript function jQuery.axZmSwitchImage() handels the task. You will find the code in the source of this file. Edit, adjust the function as needed - it is commented. Please note: some default settings from /axZm/zoomConfig.inc.php are overridden in /axZm/zoomConfigCustom.inc.php after elseif ($_GET['example'] == 'spinAnd2D'){ So if changes in /axZm/zoomConfig.inc.php have no effect look for the same options /axZm/zoomConfigCustom.inc.php;

Of course this "gallery" can be used with only 2D images or only 3D. So in case you don't have a 360 photography for a product you can still use this example.

Last but not least: there is no PHP needed to run it in your actual application. An other words you can use it e.g. with Phalanger in ASP.NET environment.

Compatibility

6.0+

2.0+

2.0+

1.0+

9.5+

2.0+

4.0+

Pinch zoom, tap zoom, swipe