Перейти к содержимому


Изменить Слайдер


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 Allika

Allika

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений
  • ГородМосква

Отправлено 24 Октябрь 2015 - 18:04

Подскажите как можно изменить
1. Скорость слайдера?
2. Поменять эффект перелистывания слайдов?

#2 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 26 Октябрь 2015 - 18:01

Просмотр сообщенияAllika (24 Октябрь 2015 - 18:04) писал:

Подскажите как можно изменить
1. Скорость слайдера?
2. Поменять эффект перелистывания слайдов?
Здравствуйте, найдите в файле jssor_slider.js
 $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 Allika

Allika

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений
  • ГородМосква

Отправлено 12 Ноябрь 2015 - 12:20

Спасибо!
А как на время отключить слайдер?
И как можно сделать место слайдера картинку в тех-же размерах?

#4 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 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 Allika

Allika

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений
  • ГородМосква

Отправлено 12 Ноябрь 2015 - 16:08

В мобильной версии на телефоне картинка выходит за границы по ширине, как то можно исправить?

#6 Allika

Allika

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 62 сообщений
  • ГородМосква

Отправлено 12 Ноябрь 2015 - 16:39

Все ок, убрала код css и все нормально. Спасибо, я неправильно изъяснилась))) спасибо




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных