Skip to content

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

License

Notifications You must be signed in to change notification settings

Qnzvna/cyclotron

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cyclotron

Inspired by here

1. You need some element with background, div will be the best option. E.g.:

<div class="cyclotron" style="background-image('panorama.jpg');height:512px"></div>

2. Cyclotronify:

$(document).ready(function ($) {
	$('.cycle').cyclotron(moveable, autoscroll, dunpingFactor, historySize);
});

3. Options:

moveable - boolean value; if true user can drag panorama (default: true)

autoscroll - boolean value; if true panorama is moving automatically (default: true)

speed - integer value; speed of autoscrolling (default: 10)

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)

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%