🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Simple jQuery plugin for dragging 360° panoramas (cylindrical projection) and other seamlessly looping images around

Plugins

Documentation

jquery.cyclotron.js (Demo)

1. You need some element with a background image. E.g.:

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

2. Cyclotronify:

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

3. 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)


You May Also Like