Подскажите как можно изменить
1. Скорость слайдера?
2. Поменять эффект перелистывания слайдов?
1
Изменить Слайдер
Автор Allika, 24 окт. 2015 18:04
Сообщений в теме: 5
#1
Отправлено 24 Октябрь 2015 - 18:04
#2
Отправлено 26 Октябрь 2015 - 18:01
Allika (24 Октябрь 2015 - 18:04) писал:
Подскажите как можно изменить
1. Скорость слайдера?
2. Поменять эффект перелистывания слайдов?
1. Скорость слайдера?
2. Поменять эффект перелистывания слайдов?
$AutoPlayInterval: 4000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
изменяете значение 4000, чем меньше показатель, тем быстрее прокрутка
2. по данной ссылке вы можете просмотреть варианты эффектов слайдера
#3
Отправлено 12 Ноябрь 2015 - 12:20
Спасибо!
А как на время отключить слайдер?
И как можно сделать место слайдера картинку в тех-же размерах?
А как на время отключить слайдер?
И как можно сделать место слайдера картинку в тех-же размерах?
#4
Отправлено 12 Ноябрь 2015 - 12:44
Allika (12 Ноябрь 2015 - 12:20) писал:
Спасибо!
А как на время отключить слайдер?
И как можно сделать место слайдера картинку в тех-же размерах?
А как на время отключить слайдер?
И как можно сделать место слайдера картинку в тех-же размерах?
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!-- Jssor Slider Слайдер Начало --> {% IF index_page %} <div id="slideshow" class="wrap" style="display:none;"> <div id="slider"> <!-- Slides Container -->
Замените на:
<!-- Jssor Slider Слайдер Начало --> {% IF index_page %} <div id="slideshow"> <div id="sliderimage"> <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=dark" /> </div> </div> <div id="slideshow" class="wrap" style="display:none;"> <div id="slider"> <!-- Slides Container -->
При необходимости измените название загруженной картинки slide1.jpg на другое, либо загрузите новое изображение с тем же названием.
Далее зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
#sliderimage { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1920px; height: 501px; overflow: hidden; z-index: 1; }
#5
Отправлено 12 Ноябрь 2015 - 16:08
В мобильной версии на телефоне картинка выходит за границы по ширине, как то можно исправить?
#6
Отправлено 12 Ноябрь 2015 - 16:39
Все ок, убрала код css и все нормально. Спасибо, я неправильно изъяснилась))) спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных