Главная » Файлы » Прочие скрипты » jQuery |
Красивый слайдер картинок через плагин Nivo Slider на jQuery для uCoz
23.06.14, 14:33:11 | |
Прекрасный слайдер любых ваших изображений. Приятное оформление и впечатляющие эффекты смены изображений не оставят вас равнодушными Для начала посмотрите ДЕМО Установка: После /head на нужных страницах вставляйте: Код <link rel="stylesheet" href="/css/nivo-slider.css" type="text/css" media="screen" /> <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" /> Следующий код в то место, где будет сам слайдер: Код <div id="slider-wrapper"> <div id="slider" class="nivoSlider"> <img src="Ссылка на картинку"title="Описание картинки" /> <a href="Ссылка на картинку" alt="" title="Описание картинки" /></a> <img src="Ссылка на картинку" title="Описание картинки" /> <img src="Ссылка на картинку" title="Описание картинки" title="#htmlcaption" /> </div> </div> Далее в самый низ после тега /body вставляйте: Код <script type="text/javascript" src="/js/jquery.nivo.slider.pack.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> Осталось лишь залить скрипт из прикреплённого архива в папку js, два стиля в папку css и все картинки в папку images Источник: http://www.yellowlemon.net Материал подготовлен Apocalypse | |
Просмотров: 378 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |