https://github.com/jbtcd/threesixtyjs

See products with a new 360° view
https://github.com/jbtcd/threesixtyjs

360-view images typescript

Last synced: 12 months ago
JSON representation

See products with a new 360° view

• Host: GitHub
• URL: https://github.com/jbtcd/threesixtyjs
• Owner: jbtcd
• License: mit
• Created: 2020-09-02T08:15:29.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2022-06-06T21:51:01.000Z (about 4 years ago)
• Last Synced: 2024-11-07T10:53:27.426Z (over 1 year ago)
• Topics: 360-view, images, typescript
• Language: TypeScript
• Homepage:
• Size: 11.7 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# ThreeSixtyJS — New 360° Views

[![@jbtcdDE on Twitter](http://img.shields.io/badge/twitter-%40jbtcdDE-blue.svg?style=flat)](https://twitter.com/jbtcdDE)

[![license](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE)

## How to use it

After installation you can create an image container in html:

```html



```

Replace `YOUR_IDENTIFIER` with a custom class name to identify a ThreeSixtyJS container.


Replace `data-src` with the path to your ThreeSixtyJS images and use `{}` as placeholder for your image id`s (starts with 0).

Replace `data-amount` with the number of images your ThreeSixtyJS view contains.

```javascript

new ThreeSixtyJS('.YOUR_IDENTIFIER', OPTIONAL_SETTINGS);

```

Replace `YOUR_IDENTIFIER` with a custom class name to identify a ThreeSixtyJS container.

## License

The MIT License (MIT). Please see [License File](LICENSE) for more information.