Несколько слайдеров на одной странице
Разметка для первого товара
<div class="threesixty product1">
<div class="spinner">
<span>0%</span>
</div>
<ol class="threesixty_images"></ol>
</div>
Разметка для второго товара
<div class="threesixty product3">
<div class="spinner">
<span>0%</span>
</div>
<ol class="threesixty_images"></ol>
</div>
Javascript
window.onload = init;
var product;
function init(){
product1 = $('.product1').ThreeSixty({
totalFrames: 72,
endFrame: 72,
currentFrame: 1,
imgList: '.threesixty_images',
progress: '.spinner',
imagePath:'assets/product1/',
filePrefix: 'ipod-',
ext: '.jpg',
height: 300,
width: 454,
navigation: true
});
product3 = $('.product3').ThreeSixty({
totalFrames: 25,
endFrame: 50,
currentFrame: 1,
imgList: '.threesixty_images',
progress: '.spinner',
imagePath:'assets/product3/',
filePrefix: '',
ext: '.jpg',
height: 300,
width: 300,
navigation: true
});
}