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


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

No regrets
Сафрон
Дата: Воскресенье, 21.08.2016, 02:00 | Сообщение # 17
Пользователи
Сообщений:160
Награды: 0


Не чего сайт, и свет можно выключить, что по слайдеру, в шапке он стоит как нужно.
Angerfist
Дата: Пятница, 26.08.2016, 14:03 | Сообщение # 18
Vip
Сообщений:618
Награды: 18


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

Создайте информер, например выводящий количество самых просматриваемых материалов, 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
Kosten
Дата: Пятница, 26.08.2016, 16:08 | Сообщение # 19
Администраторы
Сообщений:12672
Награды: 39


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

Прикрепления: 0478222.png(241Kb)


Angerfist
Дата: Пятница, 26.08.2016, 16:30 | Сообщение # 20
Vip
Сообщений:618
Награды: 18


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

No regrets
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Мини слайдер в блок для сайта (JQuery слайдер с кнопками "Вперед" и "Назад")
Страница 2 из 2«12
Поиск: