Добрый день, подскажите пожалуйста, в чем может быть проблема.
Есть скрипт слайдера
-Сам слайдер
<div class="gallery_wrapper">
<div id="mygallery" class="stepcarousel">
<div class="belt">
<div class="panel"><img src="/images/D.jpg" alt="" width="640" height="347" /></div>
<div class="panel"><img src="/images/qwEkmir31ZE.jpg" alt="" width="640" height="347" /></div>
<div class="panel"><img src="/images/-7uIElsKpTo.jpg" alt="" width="640" height="347" /></div>
<div class="panel"><img src="/images/0LY-h8zyjJs.jpg" alt="" width="640" height="347" /></div>
<div class="panel"><img src="/images/zI7.jpg" alt="" width="640" height="347" /></div>
<div class="panel"><img src="/6VZlTpWFZaE.jpg" alt="" width="640" height="347" /></div>
<div class="panel"><img src="/h9b-R2fPsrk.jpg" alt="" width="640" height="347" /></div>
<div class="panel"><img src="/QPIqdRruZkw.jpg" alt="" width="640" height="347" /></div>
<div class="panel"><img src="/RUgENcd3z7A.jpg" alt="" width="640" height="347" /></div>
</div>
</div>
</div>
-Стили
<style type="text/css">
.gallery_wrapper {
background-image: url(/images/krutilka_bg.png);
width: 668px;
height: 377px;
margin-top: 6px;
float: left;
}
.stepcarousel{
margin-left: 19px;
position: relative;
overflow: scroll;
width: 642px;
height: 373px;
}
.stepcarousel .belt{
position: absolute;
top: 10px;
left: 0;
}
.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 8px 0 0 0px;
width: 642px;
height: 373px;
}
</style>
-Кусок кода ,отвечающий за вращение слайдера
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:true, wrapbehavior:'slide', persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['/images/krutilka_back.png', 20, 160], rightnav: ['/images/krutilka_forward.png', -50, 160]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})
