Threesixty Slider

0%

### HTML

    <div class="threesixty car">
        <div class="spinner">
            <span>0%</span>
        </div>
        <ol class="threesixty_images"></ol>
    </div>

### Javascript

    window.onload = init;

    var car;
    function init(){

      car = $('.car').ThreeSixty({
        totalFrames: 52, // Общее число кадров
        endFrame: 52, // конечный кадр
        currentFrame: 1, // с какого кадра стартовать
        imgList: '.threesixty_images', // селектор изображений
        progress: '.spinner', // селектор элемента процесса загрузки
        imagePath:'assets/car/', // путь к папке с изображениями
        filePrefix: '', // префикс файлов
        ext: '.png', // формат изображения
        height: 1000,
        width: 447,
        navigation: false,

      });
    }

    $(window).scroll(function(event) {
      var page_percentage, frame_value, page_offset;
      page_offset = $(window)[0].pageYOffset;
      if(page_offset) {
        if(page_offset > 700) {
          page_offset = 700;
        }
        page_percentage = page_offset / 700 * 100;
        frame_value = Math.abs(Math.floor(40 / 100 * page_percentage));
        slider.gotoAndPlay(frame_value);
      }
    });

    //slider.gotoAndPlay(frame_value);