ThreeSixtyRotate is a jQuery based product viewer that allows to automatically or manually rotate a sequence of images at different angles.

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: github.com

1. INCLUDE CSS AND JS FILES

<script type="text/javascript" src="/vendor/jquery.min.js"></script>
<script src="/js/jquery.360rotate.js"></script>

2. HTML

<div class="example"><p>Now loading...</p></div>

3. CSS

.example {
    position: relative;
    width: 480px;
    height: 270px;
}
.example li {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: 100%;
}

4. JAVASCRIPT

$(function(){
  ThreeSixtyRotate('.example',{
    imgPath: 'img/rotate/', 
    imgEx: 'png',        
    zeroPadding: 1,      
    imgFirstNum: 1,       
    totalFrame: 90,      
    startFrame: 1,        
    clockwise: true,      
    rotateSpeed: 1,    
    inertia: true        
    autoRotate: false,
    frameRate: 30,
    overStop: true,
    preload: true,
    showDuration: 300 
  });
});