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

14531 просмотров Alan_Writer 19.05.2013

Красивый слайдер изображении для ucoz. Простой и без лишних наворотов слайдер, подойдет для сериалов или для галереи, также вы можете переделать его под себя: изменить дизайн и размеры.

Установка

1. Скачайте архив. Создайте в корне файлового менеджера папку sliderb, и в нее залейте все содержимое архива.

2. Теперь нужно прописать пути к файлам скрипта, стилей и вставить код вызова плагина. Все это прописываем перед </body>:

Код

3. По месту ставим сам блок со слайдами указав в нем ссылки на страницы и изображения:

Код

Теги: красивый, Слайдер, Карусель, для uCoz, изображения, Горизонтальный

Похожие материалы

8 Комментариев

Порядок вывода комментариев:

Спам

diana9840 • 27.01.2017

изменила код до нужных размеров, но выводит по 3 картинки в странном порядке) подскажите, что не так).
Где настроить количество отображаемых картинок?

Спам

diana9840 • 27.01.2017

Здравствуйте, все работает! А можно ли изменить его так что бы выводилась одна картинка размером примерно 750 на 500 и осуществлялись переходы на другие картинки с таким же размером? Очень нужен слайдер, но такой, что бы содержание всех картинок можно было просмотреть в большом размере. Подскажите, пожалуйста ,как реализовать.

Alan_Writer • 28.01.2017

.infiniteCarousel {width:850px;}
.infiniteCarousel .wrapper {width:750px;height:500px;}
.infiniteCarousel ul li {width:730px;height:480px;}
.infiniteCarousel ul li a img {width:720px;height:470px;}

И в скрипте заменить значение 140, на 750

Спам

Admin-Ionn • 12.11.2016

Здравствуйте! Все работает, огромное спасибо! Подскажите, как увеличить слайды?

Спам

deadjoker • 22.07.2016

А как сделать так, чтобы вместо ссылок на нужные картинки был информер? Сколько не пробовал - либо слайдер перестает работать, либо показывает только первую картинку в списке, размноженную до бесконечности.