Увы, шаблон недоступен для скачивания или покупки, в связи с обращением правообладателя! По всем вопросам обращайтесь к Администратору.
Решил я уделить времени такому вопросу, как слайдер для uCoz, я очень был рад когда нашёл один из подходящих слайдеров на эту роль, под названием Nivo Slide.
Данный слайдер изначально работал с библиотекой jquery 1.4.3 и я уже решил отказаться от него, так как вшитая в uCoz библиотека jquery, имела более позднею версию 1.3.2, но как говориться, о чудо, слайдер работает и с этой версией библиотеки.
Пришлось немного повозиться с данным слайдером и адаптировать его для uCoz, а именно:
- я изменил разрешения изображений, 500x100 - заменил круглые кнопки переключателя на квадратные - добавил однопиксельное полупрозрачное изображение, в котором отображается название новостей.
У слайдера есть один недостаток, сами слайды, то есть картинки в них, будут нормально отображаться - только если размер и пропорции картинок совпадают или не сильно превышают таковые параметры самого слайдера, заданные в стилях. Сколько не пытался, но по простому исправить это не получается.
Шаг 1 - Установим JS:
Скачайте архив, и залейте папку nivo-slider в корень файлового менеджера.
Для начало нам следует в низ страницы сайта установить перед закрывающим тегом body следующий js-код:
Чтобы вам не пришлось искать где изменить например высоту квадратных кнопок, я прописал комментария для наиболее важных стилей, которые понадобятся для изменениях под ваш дизайн.
Код
/* меняем размер изображений высоту и ширину */ .nivo-imageLink img { width:480px; height:272px; object-fit:cover;}
.nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;}
.nivo-controlNav a { position:relative; z-index:9; cursor: pointer;}
.nivo-controlNav a.active {font-weight:bold;}
Примечание:
Для тех кто впервые сталкивается со слайдером, хочу сказать, что данный слайдер будет отображать изображения новостей в том случае, если вы добавляете картинку новостей через функцию добавить изображение, которое находиться в Добавлении новостей, к которым вы переходи с главной странице своего сайта, нажав на ссылку Добавить новость! (надеюсь не запутал).