Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.04.2016, 12:02
Новичок на форуме
Отправить личное сообщение для podsolomko95 Посмотреть профиль Найти все сообщения от podsolomko95
 
Регистрация: 06.04.2016
Сообщений: 1

Не работает автопрокрутка слайдера
Добрый день, подскажите пожалуйста, в чем может быть проблема.
Есть скрипт слайдера
-Сам слайдер

<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']
})
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
innerHTML для TR в InternetExplorer не работает? Непонятливый Элементы интерфейса 3 15.10.2012 17:14
JS: работает на сервере, не работает из папки -majestic- Общие вопросы Javascript 2 02.08.2012 14:41
Не работает push! Динамическая вставка TSEH25 ExtJS 5 03.07.2012 13:00
jQyery функция странно работает! Midel Общие вопросы Javascript 4 08.04.2012 13:40
помогите найти ошибку (работает в IE но не работает в Firefox) Len4ik Javascript под браузер 2 11.05.2010 15:41