js-360

360 view with js

Usage no npm install needed!

<script type="module">
  import js360 from 'https://cdn.skypack.dev/js-360';
</script>

README

js-360

It is a 360° viewer for products. Made with RxJS and EcmaScript 6.

Demo

This library adds JS360.generate360view(...) function as window property. Now you can rotate your product!

Works with a mouse or touch devices.

Installation

npm install js-360

Usage

You can find usage example in "demo" folder.

  • Add library to your html file:
<script src="js360.min.js"></script>
  • create container with images inside
<div id="container-id">
    <img src="...">
    <img src="...">
    ...
    <img src="...">
</div>
  • use library
JS360.generate360view('container-id');

Browserify

With Browserify it's enough to do the following

var js360 = require('js-360');

js360.generate360view('container-id');

License

MIT