Красивый слайдер под изображение на 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> Остались стили, что скачиваем, также есть демонстрация под него. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |