Image 360 Degree View

Component ID

2060101

Component name

Image 360 Degree View

Component type

module

Maintenance status

Development status

Component security advisory coverage

covered

Downloads

3167

Component created

Component changed

Component body

Objective
To contribute a module that displays images in a 3D effect and enables users to rotate the image in 360 degree.

Description

This module allows you to use series of real photographs taken at fixed intervals in the right sequence around the object and combine them for a single interactive image. The image can auto rotate, and the user can 'grab' the image and rotate the product to any angle. 

This is a perfect solution for online retailers or manufacturers to take their online shopping experience to the next level by bringing their online catalog to life with 360° product views and providing a virtual tour of products. The module is also a great option for online galleries/museums or auction houses where they can provide their visitors a full 360° view of any object. 

How it works

  1. Install the module
  2. Upload multiple image in node of any content type
  3. Go to content type's Display field, change the "image" format to "Image 360 Degree"
  4. Now image will automatically display in 360 degree view

Benefits

  • Lightweight and quick to integrate
  • Easy to use for users

For custom template file use the following code snippet.

$html = '<div class="PIC360"><ul>';
foreach ($multiple_image_array['files'] as $key => $value) {
  $html .= '<li><img src = "image_path_here" width="X" height="Y" /></li>';
}
$html .= '</ul></div>';

This module is Sponsored By : OSSCube
Developers : AbhijeetKalsi, RadheyShyam, sudanshu.singh