Cyclotron - 360°Panorama Image Display Plugin

Cyclotron - 360°Panorama Image Display Plugin
File Size: 295 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Cyclotron is a simple and easy-to-use jQuery plugin that allows you to dragging 360° panoramas and other seamlessly looping images around.

Basic Usage:

1. Include jQuery Library and Cyclotron.js

<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.cyclotron.js"></script>

2. Markup a element with a background image

<div class="cycle" style="background:url(panorama.jpg);height:512px"></div>

3. Call the function

$(document).ready(function ($) {
    $('.cycle').cyclotron();
});

4. Options

  • dampingFactor - should be somewhere around 0.9, should be > 0 and < 1 (default: 0.93)
  • historySize - size of the array which stores the deltas (default: 5)

This awesome jQuery plugin is developed by mahonnaise. For more Advanced Usages, please check the demo page or visit the official website.