Страница 2 из 2«12
Общий форум » Раздел для uCoz » HTML коды для сайта uCoz » Мини слайдер в блок для сайта (JQuery слайдер с кнопками "Вперед" и "Назад")
Мини слайдер в блок для сайта
Angerfist
Дата: Воскресенье, 21.08.2016, 01:18 | Сообщение 16
Vip
Сообщений:761
Награды: 21


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

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


Не чего сайт, и свет можно выключить, что по слайдеру, в шапке он стоит как нужно.
Страна: (RU)
Angerfist
Дата: Пятница, 26.08.2016, 14:03 | Сообщение 18
Vip
Сообщений:761
Награды: 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 - Пятница, 26.08.2016, 14:08
Страна: (RU)
Kosten
Дата: Пятница, 26.08.2016, 16:08 | Сообщение 19
Администраторы
Сообщений:16020
Награды: 51


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

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


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

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


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