Full Stack Solutions
360-arrow

360 View For Products

360 View of Image For Products Javascript

This article is regarding the 360 degree view of the Products.After the Google’s 360 View there is a boom in Real Estate Market and Travel Industry that provide the Location’s 360 View.

Here I have build a solution to make the 360 degree view of any product without having 360 Camera.

Following are Javascript Files that you need to import before you use the Customize it via images and size.

 

  • rainbow-custom.min.js
  • three.min.js
  • CSS3DRenderer.min.js
  • panorams3d.min.js
var options = {

    renderElement : document.body.querySelector("#block"),

    canvasW: 600,
    canvasH: 300,
    wheel: 0.3,

    left: "textures/left.jpg",
    right: "textures/right.jpg",
    front: "textures/front.jpg",
    back: "textures/back.jpg",
    top: "textures/top.jpg",
    bottom: "textures/bottom.jpg",    
    responsive: false
}

Panoarma3d.init(options);

Download Code

Preview

Follow us

Don't be shy, get in touch. We love meeting interesting people and making new friends.

Most popular