https://github.com/alexantr/cyclorama
360 degrees panorama
https://github.com/alexantr/cyclorama
jquery-plugin panorama
Last synced: 6 months ago
JSON representation
360 degrees panorama
- Host: GitHub
- URL: https://github.com/alexantr/cyclorama
- Owner: alexantr
- License: mit
- Created: 2014-08-28T13:37:09.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2014-10-02T21:23:08.000Z (about 11 years ago)
- Last Synced: 2025-03-24T05:43:46.880Z (6 months ago)
- Topics: jquery-plugin, panorama
- Language: JavaScript
- Homepage: http://yashkin.by/cyclorama/
- Size: 1.24 MB
- Stars: 4
- Watchers: 3
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# jQuery Cyclorama
## [Demo](http://yashkin.by/cyclorama/)
## Usage
Include `jquery.cyclorama.css` and `jquery.cyclorama.js` in document head. Make sure you also load the jQuery library:
```html
```
Insert this code in document body:
```html
```
Attach Cyclorama when the document is loaded:
```javascript
jQuery(function($) {
$('.cyclorama').cyclorama();
});
```
With keyboard support (left and right arrows):
```javascript
jQuery(function($) {
$('.cyclorama').cyclorama({
useKeyboard: true
});
});
```
## Notes
You are need to set `.pan-content` width with CSS or JS before initializing Cyclorama.
## License
This plugin is available under [the MIT license](http://opensource.org/licenses/MIT).
Panorama image from [Androids & Photography](http://androidforensicphotography.wordpress.com/2012/07/01/a-full-360-degree-panorama-of-canal-rocks-south-west-of-western-australia/).