Skip to content
360 Degree Product Viewer using plain JavaScript : Demo-->
JavaScript HTML
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
img imgs Dec 29, 2017
LICENSE.md Create LICENSE.md Jan 4, 2018
README.md Update README.md Jan 11, 2018
demo-html.html Update demo-html.html Jan 16, 2018
pdt360DegViewer.js Update pdt360DegViewer.js Jan 10, 2018
sample-pic.png updgraded Jan 4, 2018

README.md

3D Product Viewer JavaScript Plugin

360 Degree Product Viewer using plain JavaScript

Live Demo

http://goo.gl/C4tfs9

3D Product Viewer JavaScript Plugin

Options:

pdt360DegViewer('car0', 51, './img/', 'png', true, true, false, false, false, false, false);    
//pdt360DegViewer(imgDivid, count, path, imgType, playable, autoPlay, drag, mouseMove, buttonNavigation, keyNavigation, scroll);

  //imgDivid--> ID of div on which img is going to append. Ex: 'car'
  
  //count--> number of images to be displayed in 3D Product Viewer. Ex: 18
  
  //path--> path of the image (without file name). Ex: './img/car/'
  
  //imgType--> extension of the image file name. Ex: 'png', 'jpg', 'gif'
  
  //playable--> enables play/pause/stop/diretcion/speed option with control buttons
  
  //autoPlay--> start autoplaying images, if set to true
  
  //drag--> enables drag over image, if set to true
  
  //mouseMove--> enables mouse move over image, if set to true
  
  //buttonNavigation--> enables buttonNavigation, if set to true
  
  //keyNavigation--> enables keypress navigation, if set to true
  
  //scroll--> enables scroll over image, if set to true

Note:


File Name should be in the form of "1.jpg"/"1.png" starting from 1 to total number of images
Example: 1-18(1.jpg, 2.jpg, 3.jpg.....17.jpg, 18.jpg).
File extension can be anything- jpg,gif,png,svf

You can’t perform that action at this time.