Пытаюсь вместо стандартной фотогаллереи установить на странице товара плагин вращения фото на 360 градусов. Использую плагин Threesixty Slider .
Все ок, но не получается осуществить динамическое добавление картинок в плагин.
Вот собственно Javascript:
Код: Выделить всё
<script type="text/javascript">
window.onload = init;
var product;
function init(){
car = $('.product1').ThreeSixty({
totalFrames: 52,
endFrame: 52,
currentFrame: 1,
imgList: '.threesixty_images',
progress: '.spinner',
imagePath:'http://360slider.com/img/car/',
filePrefix: '',
ext: '.png',
height: 447,
width: 1000,
navigation: false,
disableSpin: true,
plugins: ['ThreeSixtyFullscreen']
});
$('.custom_previous').bind('click', function(e) {
car.previous();
});
$('.custom_next').bind('click', function(e) {
car.next();
});
$('.custom_play').bind('click', function(e) {
car.play();
});
$('.custom_stop').bind('click', function(e) {
car.stop();
});
}
</script>
Загрузка картинок в скрипте реализована: imagePath:'http://360slider.com/img/car/',
В OkayCMS отображение фото в карточке товара: файл - product.tpl:
Код: Выделить всё
{* Большое фото товара *}
src="{$product->image->filename|resize:300:300}" alt="{$product->name|escape}" title="{$product->name|escape}"
{* Дополнительные фото продукта *}
src="{$image->filename|resize:95:95}" alt="{$product->name|escape}"/>
В скрипте прописываю: imagePath:'{$image->filename|resize:95:95}',
Но загружается только одно фото, вместо 5 загруженных.
Какие есть идеи???