Крутой слайдер для ucoz

  


Для вас ч сделал все просто и понятно ну и конечно без лишнего гемороя,этот уникальный слайдер,все навсего берем ниже представленный скрипт и ставим по предварительно намеченому для слайдера месту.

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>

Меняем ссылки на изображение на свои.

 Готово.Не забываем указывать источник при копировании материала.(обязательна)

Демо 

Крутой слайдер для ucoz - Слайдер для uCoz - Каталог файлов - Все для uCoz, DLE, Joomla, скрипты для uCoz

Категория: Слайдер для uCoz Просмотров: 3141