ZorNet.Ru — сайт для вебмастера » HTML и CSS » Красивый слайдер под изображение на CSS

Красивый слайдер под изображение на CSS

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

Будет с изображение показываться окошко с надписью, где вы можете поставить под ссылку на переход к материалу. Совсем элементарно устанавливается в гаджете HTML либо конкретно в сообщении блога в режиме HTML. Вам лишь НУЖНО определить в коде собственные отображаемые в слайде рисунки и отдать им заглавие.

Ставим HTML код, где хотите видеть слайдер.

Код
<div class="slides">
<ul>
<li><img src="http://zornet.ru/_fr/56/4073604.jpg" alt="image01" />
<div>ZORNER.RU</div>
</li>
<li><img src="http://zornet.ru/_fr/56/0151264.jpg" alt="image02" />
<div>ZORNER.RU</div>
</li>
<li><img src="http://zornet.ru/_fr/56/2195166.jpg" alt="image03" />
<div>ZORNER.RU</div>
</li>
<li><img src="http://zornet.ru/_fr/56/5815913.jpg" alt="image04" />
<div>ZORNER.RU</div>
</li>
</ul>
</div>


Остались стили, что скачиваем, также есть демонстрация под него.
10 Ноября 2017 Загрузок: 4 Просмотров: 1452 Комментариев: (0)

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

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

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

Комментарии: 0
avatar