ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Простой слайдер изображений на CSS3

Простой слайдер изображений на CSS3

Простой слайдер изображений на CSS3
Это простой и в тоже время эффективный слайдер на сайт, который может проиллюстрировать несколько изображений, которые закреплены за ним. Есть у него небольшая тень со всем сторон, что явно указывает, его нужно ставить на светлый фон и аналогично под такой интернет ресурс.

Как он работает. то в архиве есть файл демонстрация, где можете подключить и посмотреть. Здесь нет не каких эффектов, с правой нижней стороны подключены переключатели. Вы можете загрузить актуальные картинки по теме и выставить на главную страницу, что на стандартный шаблон он должен вписаться в дизайн.

Установка:

Скачиваем архив, там стили и файл DEMO, где берем с него код.
19 Апреля 2017 Загрузок: 17 Просмотров: 2342 Комментариев: (7)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 7
Maryges
Maryges 19 Апреля 2017 00:471
0
Но он прост, но на нем нет адаптивности, сейчас если ставить, то чтоб был мобильным.
ucozmental
ucozmental 19 Апреля 2017 00:502
0
В таком плане, если он простой, то и адаптировать его будет также просто.
Kosten
Kosten 19 Апреля 2017 00:523
0
Вообще встречал один или пару слайдеров, который как материал скачать, были уже адаптированны и демонстрация на них шла, что можно проверить.
Kolinkor
Kolinkor 19 Апреля 2017 00:554
0
Посмотрел и поставил по ширине меньше скрин, и его не растянул Слайдер, здесь нужно делать так, выставлять ширину на слайд и такую же ставить на скрины.
Марковичь
Марковичь 19 Апреля 2017 01:155
0
Кто умеет адаптировать, то может урок написать, в сети есть осень много, но так написано. Можно просто медео взять стандартный и что вам адаптировать. класс ставить на его.
maniacvn
maniacvn 20 Апреля 2017 12:066
0
Не вижу проблем с адаптацией макс мин или медиа запросы по размеру )
helphelpsetup
helphelpsetup 22 Апреля 2017 21:287
0
Если у вас сайт адаптирован То элементы выставите в процентах ! Тот же слайдер задайте ширину 100%
avatar