abodon737 (27 Ноябрь 2013 - 12:08) писал:
Спс, ещё вопросы:
1) Кнопочки снизу переключения картинок очень далеко от слайдера, как их поднять выше под слайдер?
2) Как изменять время отображения слайдера?
1. Находим в main.css
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://f2296.storeland.net/nyro_loading.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
Заменяем на
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://f2296.storeland.net/nyro_loading.gif) no-repeat 50% 50%;
margin-bottom: 10px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
2. Редактируем jquery.nivo.slider.pack.js
Находим
a.fn.nivoSlider.defaults={effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3e3,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,pauseOnHover:true,manualAdvance:false,prevText:"Prev",nextText:"Next",randomStart:false,beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};a.fn._reverse=[].reverse})(jQuery)
pauseTime:3e3 отвечает за время прокрутки между слайдами
Описание некоторых настроек
effect: 'random', / / Задаётся как: 'fold, fade, sliceDown'
slices: 15,
animSpeed: 500,
pauseTime: 3000,
startSlide: 0, / / Задаётся начало прокрутки (0 index)
directionNav: true, / / Вперёд/Назад
directionNavHide: true, / / Показывать только при наведении
controlNav: true, / / 1,2,3 ...
controlNavThumbs: false, / / Использование картинок для Control Nav
controlNavThumbsFromRel: false, / / Use image rel for thumbs
controlNavThumbsSearch: '. jpg', / / заменить на..
controlNavThumbsReplace: '_thumb.jpg', //... это ярлык для Image src
keyboardNav: true, / / использовать стрелки влево и вправо.
pauseOnHover: true, / / при наведении анимация останавливается.
manualAdvance: false, / / Форсированный ручной переход
captionOpacity: 0.8, / / Прозрачность подписи
beforeChange: function (){},
afterChange: function (){},
slideshowEnd: function () () / / Триггеры после всех прокруток будут отображены