360° - 3D product configuration basics

360° / 3D product configurator basics

The AJAX-ZOOM 360 viewer is capable of switching between 360 product views using its API methods.

One of the methods is $.fn.axZm.loadAjaxSet. With this, a 360 view changes and keeps the frame number if required, but it does not keep the zoom state. With the $.fn.axZm.loadAjax360Type method, however, you can switch between 360 product spins without losing the zoom state. This method is perfect for 360 product configurators.

Below, you can compare these two methods within responsive integration and at a full-screen view.

API $.fn.axZm.loadAjax360Type

Inject new 360 product view of the same size keeping same zoom level and frame number.

API $.fn.axZm.loadAjaxSet

Load / reload a new 360 product view into the viewer independent of image size and number of frames.

Some Javascript driven resizing examples without browser window being resized:

Resize to 70% width

Resize to 840px height

Resize with animation

Reset size and zoom

API $.fn.axZm.fillArea