jQuery reel is the most versatile three-sixty player for jQuery. By using this you can put animations to your images, rotates your images up to 360° it provides so many functionalities like responsiveness, panorama etc by using reel you can avoid Flash, Java.
The biggest advantage of using reel is there is no need to use Flash into your website you just need to use reel and images it completes your work and it provides 50+ customization
fully supports to browsers, mobiles and touch devices.
- It covers beyond 360 rotation.
- Animated rotations.
- Support both mouse and touch.
- 50+ option for customization.
- Mobile device support (you just need to do some settings for this.)
- Flash free (By using images it will give you full video experience.)
- It requires only jQuery nothing else.
- It is free and open source so you have full hand over it.
There are two ways to implement this by using HTML and java-script with reel js. Here is the link where you can download the latest version of the reel.
First implementation by using HTML
2. Add class reel to your HTML tag![]()
and provide below settings as data attributes.
providing these options to your image can trigger reel.
There are so many attributes are present in reel dictionary below is a link where you can use those options and customize your application.
Second implementation by using Javascript and HTML
1. Add a reference to jquery.reel.js to your document.
2. Add image tag into your HTML and provide Id, src, width and height.
3. Add below java-script code to your HTML to work with the reel.
By adding above code into your HTML will trigger jquery.reel.js and it will start you image rotation and gives full 360 visualizations.
For examples please visit this jquery-reel-examples.
If you have any query or suggestion, So I'll be happy to help you.
KEEP CALM and READ ON!!!!.
Ankur Omar
