• Страница 2 из 2
  • «
  • 1
  • 2
Форум » Веб-разработка » Скрипты для сайтов HTML » Мини слайдер в блок для сайта (JQuery слайдер с кнопками "Вперед" и "Назад")
Мини слайдер в блок для сайта
Angerfist
Дата: Воскресенье, 2016-08-21, 01:18 | Сообщение 16
Vip
Сообщений:762
Награды: 21


Сафрон, у меня в профиле мой сайт, и там FlexSlider в шапке

No regrets
Страна: (RU)
Сафрон
Дата: Воскресенье, 2016-08-21, 02:00 | Сообщение 17
Vip
Сообщений:224
Награды: 1


Не чего сайт, и свет можно выключить, что по слайдеру, в шапке он стоит как нужно.
Страна: (RU)
Angerfist
Дата: Пятница, 2016-08-26, 14:03 | Сообщение 18
Vip
Сообщений:762
Награды: 21


Немного дополню материал, для желающих сделать слайдер на основе информера а не редактировать каждый раз добавляя изображения.

Создайте информер, например выводящий количество самых просматриваемых материалов, 1 колонка.
В шаблоне информера убираем код по умолчанию и вставляем
Код
<a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt=""></a>
допустим для каталога файлов.

Готовый код информера добавляем в обёртку слайдера:
Код

<div class="slider-box">
<div class="slider">  
$MYINF_1$
</div>
<div class="prev"></div>
<div class="next"></div>
</div>


ну и добавлю чтобы слайдер дойдя до последнего материала не проматывал пустоту (по умолчанию стоит 10000px) в стилях замените показатель ширины, в моём примере я выводил 100 материалов с шириной картинки 278px, умножая я получил
27800px:
Код

.slider{
  position:relative;
  width:27800px;
  height:180px;
}


No regrets

Сообщение отредактировал
Angerfist - Пятница, 2016-08-26, 14:08
Страна: (RU)
Kosten
Дата: Пятница, 2016-08-26, 16:08 | Сообщение 19
Администраторы
Сообщений:18833
Награды: 55


Angerfist, это для этого слайдера.

Прикрепления: 0478222.png(240.6 Kb)
Страна: (RU)
Angerfist
Дата: Пятница, 2016-08-26, 16:30 | Сообщение 20
Vip
Сообщений:762
Награды: 21


Kosten, да для этого слайдера, я просто подумал через информер проще и больше функциональность.

No regrets
Страна: (RU)
misselev1984
Дата: Пятница, 2017-02-03, 01:57 | Сообщение 21
Пользователи
Сообщений:6
Награды: 0


А что куда добавлять?
Я не знаток ...
Если не трудно подскажите пожалуйста.
Страна: (RU)
Форум » Веб-разработка » Скрипты для сайтов HTML » Мини слайдер в блок для сайта (JQuery слайдер с кнопками "Вперед" и "Назад")
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск: