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


Количество Слайдов, Интервал Между Появлением Слайдов И Текстом

Количество слайдов интервал

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

#1 golodayushii

golodayushii

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 03 Февраль 2015 - 19:27

Здравствуйте, подскажите как увеличить количество слайдов с 4 до 8.
Увеличить интервал между появлением слайдов секунд до 10. И текст сделать с таким же интервалом.

#2 Ирина345

Ирина345

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

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

Отправлено 03 Февраль 2015 - 20:33

Просмотр сообщенияgolodayushii (03 Февраль 2015 - 19:27) писал:

Здравствуйте, подскажите как увеличить количество слайдов с 4 до 8.
Увеличить интервал между появлением слайдов секунд до 10. И текст сделать с таким же интервалом.
Здравствуйте, найдите в HTML

 <div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="{ASSETS_IMAGES_PATH}assdd.jpg" alt="Описание слайда">
									</a>
								</div>

после добавляете слайд

<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="{ASSETS_IMAGES_PATH}имя вашей картинки" alt="Описание слайда">
									</a>
								</div>
по аналогии добавляете еще 3 слайда друг за другом

#3 golodayushii

golodayushii

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 04 Февраль 2015 - 18:04

Просмотр сообщенияИрина345 (03 Февраль 2015 - 20:33) писал:

Здравствуйте, найдите в HTML

<div class="item" style="display:none">
<a href="#" target="_blank">
<img src="{ASSETS_IMAGES_PATH}assdd.jpg" alt="Описание слайда">
</a>
</div>

после добавляете слайд

<div class="item" style="display:none">
<a href="#" target="_blank">
<img src="{ASSETS_IMAGES_PATH}имя вашей картинки" alt="Описание слайда">
</a>
</div>
по аналогии добавляете еще 3 слайда друг за другом
А скорость как изменить?

#4 golodayushii

golodayushii

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 04 Февраль 2015 - 18:09

Просмотр сообщенияgolodayushii (04 Февраль 2015 - 18:04) писал:

А скорость как изменить?
Не получается найти код

#5 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 04 Февраль 2015 - 18:53

Просмотр сообщенияgolodayushii (04 Февраль 2015 - 18:09) писал:

Не получается найти код
Здравствуйте. Код в разделе Сайт - Редактор шаблонов - HTML - 324-ая строка.

#6 golodayushii

golodayushii

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 04 Февраль 2015 - 20:11

Просмотр сообщенияAlekseys (04 Февраль 2015 - 18:53) писал:

Здравствуйте. Код в разделе Сайт - Редактор шаблонов - HTML - 324-ая строка.
Вы наверное говорите про шаблон бистро, а я имею ввиду шаблон движение

Просмотр сообщенияgolodayushii (04 Февраль 2015 - 20:11) писал:

Вы наверное говорите про шаблон бистро, а я имею ввиду шаблон движение
SL 330743

#7 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Февраль 2015 - 02:14

В шаблоне HTML найдите:
<div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement">
			<div class="camera_caption fadeFromRight">
			  Дорогие часы не создают время, но отражают, насколько дорого оно их владельцу.
			</div>
		  </div>
данный код отвечает за отдельно взятый слайд, продублируйте его и смените название картинки и текст на необходимое

#8 golodayushii

golodayushii

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 05 Февраль 2015 - 19:14

Просмотр сообщенияVaccina (05 Февраль 2015 - 02:14) писал:

В шаблоне HTML найдите:
<div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement">
		 <div class="camera_caption fadeFromRight">
			 Дорогие часы не создают время, но отражают, насколько дорого оно их владельцу.
		 </div>
		 </div>
данный код отвечает за отдельно взятый слайд, продублируйте его и смените название картинки и текст на необходимое
Спасибо, ну скажите пожалуйста как скорость слайдов регулировать

#9 Ирина345

Ирина345

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

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

Отправлено 05 Февраль 2015 - 19:23

Просмотр сообщенияgolodayushii (05 Февраль 2015 - 19:14) писал:

Спасибо, ну скажите пожалуйста как скорость слайдов регулировать
Здравствуйте,найдите в HTML
<script type="text/javascript">
$(document).ready(function() {
$("#owl-one-slider .item").css('display', 'block');
$("#owl-one-slider").owlCarousel({
navigation : true, // показывать кнопки next и prev
slideSpeed : 300,
paginationSpeed : 400,
items : 1,
itemsDesktop : false,
itemsDesktopSmall : false,
itemsTablet: false,
itemsMobile : false,
autoPlay: true,
navigationText: false // Удаляет текст с кнопок навигации
});
});
</script>


где скорость смены слайдов отвечает значение

slideSpeed : 300,
paginationSpeed : 400,

#10 golodayushii

golodayushii

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 09 Февраль 2015 - 18:50

В шаблоне бистро - второе значение работает , а первое ничего не меняет, мне нужно чтоб слайды дольше оставались на экране

#11 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Февраль 2015 - 01:56

В шаблоне HTML найдите:
<script type="text/javascript">
$(document).ready(function() {
$("#owl-one-slider .item").css('display', 'block');
$("#owl-one-slider").owlCarousel({
navigation : true, // показывать кнопки next и prev
slideSpeed : 300,
paginationSpeed : 400,
items : 1,
itemsDesktop : false,
itemsDesktopSmall : false,
itemsTablet: false,
itemsMobile : false,
autoPlay: true,
navigationText: false // Удаляет текст с кнопок навигации
});
});
</script>
замените на:
script type="text/javascript">
$(document).ready(function() {
$("#owl-one-slider .item").css('display', 'block');
$("#owl-one-slider").owlCarousel({
navigation : true, // показывать кнопки next и prev
slideSpeed : 300,
paginationSpeed : 400,
items : 1,
itemsDesktop : false,
itemsDesktopSmall : false,
itemsTablet: false,
itemsMobile : false,
autoPlay: 5000,
navigationText: false // Удаляет текст с кнопок навигации
});
});
</script>

в дальнейшем для настройки скорости изменяйте значение у параметра autoPlay




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

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