Светлый слайдер под изображение сайта uCoz
 | |
| Если вам нужен простой и рабочий слайдер, то этот отлично подойдет на ваш сайт. Где можно его самому настроить и выставить под тему портала. Здесь нет не каких наворотов, все очень просто и доступно по установке, можно установить на тематику кино онлайн на светлый дизайн. При клике увеличиваться не будет, а просто произойдет переход по ссылке, которую вы прописали изначально при установке. Саму стилистику вы также можете изменить, с ним идут стили и там вы можете редактировать вид его. У него по сторонам стоят серые кнопки, у который есть также эффект при наведение. Остается только выставить размер который вам нужен и потом уже выставить ссылки на изображение. Здесь вы можете поставить пять картинок, а значит будет вести на аналогичное чисто материала. Но думаю это мало и можно поставить больше, то количество как вы сами посчитаете нужным. Приступаем к установке: 1. Здесь нужно скачать архив, который прикреплен к к этому материалу и потом создать в файловом менеджере создать папку под названием sliderb и все что находится в папке, что скачали, залить в нее. 2. Переходим к пути, который нужно обозначить на файлы стилей и вставить код вызова плагина. Все это прописываем перед /body на странице. Код <script type="text/javascript" src="/sliderb/sliderb.js"></script> <link type="text/css" rel="StyleSheet" href="/sliderb/sliderb.css"/> 3. Осталось по месту поставить код, где установлены ссылки на изображение. Код <div class="infiniteCarousel"> <div class="wrapper"> <ul> <li><a href="url страницы 1" title=""><img src="http://zornet.ru/ava/avatar-4/normal_13435.png"></a></li> <li><a href="url страницы 2" title=""><img src="http://zornet.ru/avatar/51/303969.jpg"></a></li> <li><a href="url страницы 3" title=""><img src="http://zornet.ru/avatar/44/729689.jpg"></a></li> <li><a href="url страницы 4" title=""><img src="http://zornet.ru/CSS-ZORNET/derkamer/noavatar-55.png"></a></li> <li><a href="url страницы 5" title=""><img src="https://1925319599.uid.me/avatar.gif"></a></li> </ul> </div> </div> На этом установка завершена, все сохраняем и перезагрузим страницу на портале и можете работать на слайдере, но там возможно нужно будет еще подогнать по размеру. Источник: Fullweb.ucoz.ru | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 5 | |
|
| |
