Advertisement
vitareinforce

360 Slider

Apr 25th, 2016
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //HTML
  2. <div class="itemshowoff threesixty mobilmuter">
  3.   <div class="spinner">
  4.      <span>0%</span>
  5.   </div>
  6.   <ol class="threesixty_images"></ol>
  7. </div>
  8.  
  9. //JS
  10. $(document).ready(function(){
  11.      var mobilmuter = $('.mobilmuter').ThreeSixty({
  12.             totalFrames: 52, // Total no. of image you have for 360 slider
  13.             endFrame: 30, // end frame for the auto spin animation
  14.             currentFrame: 1, // This the start frame for auto spin
  15.             imgList: '.threesixty_images', // selector for image list
  16.             progress: '.spinner', // selector to show the loading progress
  17.             imagePath:'assets/car/', // path of the image assets
  18.             filePrefix: '', // file prefix if any
  19.             ext: '.png', // extention for the assets
  20.             height: 420,
  21.             width: 977,
  22.             navigation: true,
  23.             disableSpin: false // Default false
  24.     });
  25. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement