2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

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

Информеры 2012-Ноя-01 rucoz 9.2k 0

Для вас ч сделал все просто и понятно ну и конечно без лишнего гемороя,этот уникальный слайдер,все навсего берем ниже представленный скрипт и ставим по предварительно намеченому для слайдера мест
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>
Источник: stock-exchange.ucoz.com
0 комментариев
avatar