Для вас ч сделал все просто и понятно ну и конечно без лишнего гемороя,этот уникальный слайдер,все навсего берем ниже представленный скрипт и ставим по предварительно намеченому для слайдера мест
Code
<head>
<link type="text/css" rel="stylesheet" href="http://stock-exchange.ucoz.com/997/demo/css/rhinoslider-1.05.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://stock-exchange.ucoz.com/997/demo/js/rhinoslider-1.05.min.js"></script>
<script type="text/javascript" src="http://stock-exchange.ucoz.com/997/demo/js/mousewheel.js"></script>
<script type="text/javascript" src="http://stock-exchange.ucoz.com/997/demo/js/easing.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider').rhinoslider();
});
</script>
<style type="text/css">
body { background-color:#000; }
#slider {
width:600px;
height:250px;
/*IE bugfix*/
padding:0;
margin:0;
}
#slider li { list-style:none; }
#page {
width:600px;
margin:50px auto;
}
</style>
</head>
<body>
<div id="page">
<ul id="slider">
<li><img src="Ссылка на изображение" alt="" /></li>
<li><img src="Ссылка на изображение" alt="" /></li>
<li><img src="Ссылка на изображение" alt="" /></li>
<li><img src="Ссылка на изображение" alt="" /></li>
<li><img src="Ссылка на изображение" alt="" /></li>
</ul>
</div>
</body>
<link type="text/css" rel="stylesheet" href="http://stock-exchange.ucoz.com/997/demo/css/rhinoslider-1.05.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://stock-exchange.ucoz.com/997/demo/js/rhinoslider-1.05.min.js"></script>
<script type="text/javascript" src="http://stock-exchange.ucoz.com/997/demo/js/mousewheel.js"></script>
<script type="text/javascript" src="http://stock-exchange.ucoz.com/997/demo/js/easing.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider').rhinoslider();
});
</script>
<style type="text/css">
body { background-color:#000; }
#slider {
width:600px;
height:250px;
/*IE bugfix*/
padding:0;
margin:0;
}
#slider li { list-style:none; }
#page {
width:600px;
margin:50px auto;
}
</style>
</head>
<body>
<div id="page">
<ul id="slider">
<li><img src="Ссылка на изображение" alt="" /></li>
<li><img src="Ссылка на изображение" alt="" /></li>
<li><img src="Ссылка на изображение" alt="" /></li>
<li><img src="Ссылка на изображение" alt="" /></li>
<li><img src="Ссылка на изображение" alt="" /></li>
</ul>
</div>
</body>
Источник: stock-exchange.ucoz.com
0 комментариев