﻿Всем доброе время суток.

И так сегодня к вашему внеманию представить хочу - "jQuery Slider v0.7"

И так что от вас требудется а собствено не чегосложного.

И так давайте приступимм к самой устаановке

И так скачиваем "АРХИВ" распаковуем и видем там такие "ПАПКИ"

css >>> images >>> js

Загружаем их в свой "Файловый менеджмен"

После заходим на нужную страницу сайта и между тегами - <head> и </head> ставим 

<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" ставим между <body> и </body> ставим код

<!-- 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.ufacer.ru/" миняем на свои ( или своих партнеров )

Если вы желаете добавить каличество картинок в даной разработке делаем следущие

<a href="http://www.ваша ссылка.ru/" target="_blank">
<img src="images/slider/путь картинки.jpg" width="940" height="350" alt="">
</a>

Вот собствено и все, нет не ччего сложного вовсе!

Желаю успехов....

Спасибо за ваше внемание с уважением - Златьев Дмитрий

По всем вопросом обращайтесь в ЛЧ

LEKUS 2012

