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


Как Добавить В Слайдер Темы "весна" Больше Трёх Слайдов

весна слайдер

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

#1 Kapa6acc

Kapa6acc

    Новичок

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

Отправлено 02 Июль 2014 - 10:51

Здравствуйте. Подскажите, пожалуйста, как добавить в слайдер темы "Весна" более трёх слайдов? Если просто заливать изображения с именами slide4, slide5 и так далее - они просто игнорируются и слайдер начинает воспроизводить по кругу слайды от 1 до 3

#2 Dars

Dars

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

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

Отправлено 02 Июль 2014 - 11:20

Просмотр сообщенияKapa6acc (02 Июль 2014 - 10:51) писал:

Здравствуйте. Подскажите, пожалуйста, как добавить в слайдер темы "Весна" более трёх слайдов? Если просто заливать изображения с именами slide4, slide5 и так далее - они просто игнорируются и слайдер начинает воспроизводить по кругу слайды от 1 до 3
В шаблоне HTML найдите код:
<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
				</li>
и добавьте после него:
<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide4.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide4.png" alt="Slide 4" class="slide_img">
				</li>
Подобным образом можно увеличить количество изображаемых слайдов до нужной вам величины. Просто копируйте и вставляйте дальше этот код, меняя цифры и, конечно, не забывая заливать картинки с соответствующими названиями.

#3 Kapa6acc

Kapa6acc

    Новичок

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

Отправлено 02 Июль 2014 - 17:00

Просмотр сообщенияDars (02 Июль 2014 - 11:20) писал:

В шаблоне HTML найдите код:
<li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
			 </li>
и добавьте после него:
<li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide4.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide4.png" alt="Slide 4" class="slide_img">
			 </li>
Подобным образом можно увеличить количество изображаемых слайдов до нужной вам величины. Просто копируйте и вставляйте дальше этот код, меняя цифры и, конечно, не забывая заливать картинки с соответствующими названиями.

Спасибо большое!) Очень оперативно ответили :)

#4 Владимир2016

Владимир2016

    Новичок

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

Отправлено 01 Июль 2016 - 16:57

добрый день! а для шаблона осень тот же код подойдет, если да , где его найти? спасибо)

#5 Firefly

Firefly

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

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

Отправлено 01 Июль 2016 - 17:04

Просмотр сообщенияВладимир2016 (01 Июль 2016 - 16:57) писал:

добрый день! а для шаблона осень тот же код подойдет, если да , где его найти? спасибо)

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		<ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li>
		<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li>
		</ul>

После кода:
		<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li>
Вы можете добавлять аналогичные строки кода, меняя только название изображения на последующее, например slide3.jpg.

Эти новые изображения Вам нужно будет загрузить в редакторе шаблонов по кнопке "Добавить файлы".




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

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