Статистика |
Пользователей всего: 712 Материалов всего [?]: 1310 + ─ Новостей: 265 Серверов: 0 Комментарии: 20 Форум: 70/42 Файлы: 1023 Видео: 2
Онлайн всего: 3 Гостей: 3 Пользователей: 0
|
|
|
|
jQuery Slider v0.7
|
Добавил: MadMoss · Просмотров: 520 · Загрузок: 159
|
|
|
Всем доброе время суток.
И так сегодня к вашему вниманию представить хочу - "jQuery Slider v0.7"
И так что от вас требуется а собственно не чего сложного.
И так давайте приступим к самой установке
И так скачиваем "АРХИВ" распаковываем и видим там такие "ПАПКИ"
css >>> images >>> js
Загружаем их в свой "Файловый менеджер"
После заходим на нужную страницу сайта и между тегами - и ставим Code <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> <link rel="stylesheet" type="text/css" href="css/slider.css" media="screen"> <link rel="stylesheet" type="text/css" id="skin" href="css/skins/sky-blue.css" media="screen">
<!--[if IE]> <link rel="stylesheet" type="text/css" href="css/ie.css" media="all"> <![endif]-->
<!-- Javascripts --> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.nivoslider.pack.js"></script> <script type="text/javascript"> // Nivo Slider Опции $(document).ready(function(){ $("#slider").nivoSlider({ effect: 'random', //Укажите наборы, как: «fold, fade, sliceDown" slices: 20, pauseTime: 5000, directionNavHide: false, pauseOnHover: true, //Остановить анимацию при наведении указателя manualAdvance: false, //Силы ручной переходы captionOpacity: 0.8 //Универсальная подпись непрозрачность }); }); </script>
И там где хотим видеть данный - "jQuery Slider v0.7" ставим между и ставим код Code <!-- BY LEKUS 2012 --> <div id="wrapper"> <div id="header_container"> <div id="header"> <div id="slider_container"> <div id="slider"> <a href="http://www.ufacer.ru/" target="_blank"> <img src="images/slider/slide1.jpg" width="940" height="350" alt=""> </a> <a href="http://www.ufacer.ru/" target="_blank"> <img src="images/slider/slide2.jpg" width="940" height="350" alt=""> </a> <a href="http://www.ufacer.ru/" target="_blank"> <img src="images/slider/slide5.jpg" width="940" height="350" alt=""> </a> <a href="http://www.ufacer.ru/" target="_blank"> <img src="images/slider/slide4.jpg" width="940" height="350" alt=""> </a> </div>
</div>
</div>
</div>
Собственно данные ссылки "http://www.site.ru/" меняем на свои ( или своих партнеров )
Если вы желаете добавить количество картинок в данной разработке делаем следующие Code <a href="http://www.ваша ссылка.ru/" target="_blank"> <img src="images/slider/путь картинки.jpg" width="940" height="350" alt=""> </a>
демо можно посмотреть - ЗДЕСЬ
Вот собственно и все, нет не чего сложного вовсе!
Желаю успехов....
|
| Информация: Посетители, находящиеся в группе Гости,не могут скачивать файлы с данного сайта. |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
Рекламные места |
|
Рекламные места свободны Обращайтесь к homyak
|
|
|
|