Публикации
Не указал
Алексей! (06 Декабрь 2013 - 18:33) писал:
Здравствуйте, добавьте в файл styles.css
.nivo-controlNav {
display: none;
}
Уточните, пожалуйста, какая ссылка не работает?
#108895 Nivo Slider
Отправлено
на 06 Декабрь 2013 - 18:43
#106632 Nivo Slider
Отправлено
на 27 Ноябрь 2013 - 12:22
abodon737 (27 Ноябрь 2013 - 12:08) писал:
Спс, ещё вопросы:
1) Кнопочки снизу переключения картинок очень далеко от слайдера, как их поднять выше под слайдер?
2) Как изменять время отображения слайдера?
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 () () / / Триггеры после всех прокруток будут отображены
