Главная » Файлы » Прочие скрипты » jQuery

Интересное слайдшоу на jQuery
22.06.14, 20:12:33

Скачать файл




Для начала поспотрите ПРИМЕР РАБОТЫ СКРИПТА

Если вам понравилось и вы непременно хотите такой плагин к себе на сайт - начнём установку

Для начала в head на нужных вам страницах вставьте:
Код
<script type="text/javascript" src="/js/jquery.infinitecarousel.js"></script>  
  <script type="text/javascript">  
  $(function(){  
$('#carousel').infiniteCarousel({  
displayTime: 6000,  
textholderHeight : .25  
});  
  });  
  </script>  
  <style type="text/css">  
  body {  
padding-top: 50px;  
  }  
  #carousel {  
margin: 0 auto;  
width: 400px;  
height: 390px;  
padding: 0;  
overflow: scroll;  
border: 2px solid #999;  
  }  
  #carousel ul {  
list-style: none;  
width: 1500px;  
margin: 0;  
padding: 0;  
position: relative;  
  }  
  #carousel li {  
display: inline;  
float: left;  
  }  
  .textholder {  
text-align: left;  
font-size: small;  
padding: 6px;  
-moz-border-radius: 6px 6px 0 0;  
-webkit-border-top-left-radius: 6px;  
-webkit-border-top-right-radius: 6px;  
  }  
  </style>


Далее прописывайте в то место, где будет располагаться ваша галерея:
Код
<div id="carousel">  
  <ul>  
  <li>  
  <img alt="" src="Ссылка на картинку 1" width="500" height="213" />  
   

ОПИСАНИЕ КАРТИНКИ 1</p>  
  </li>  
  <li>  
  <img alt="" src="Ссылка на картинку 2" width="500" height="213" />  
   

ОПИСАНИЕ КАРТИНКИ 2</p>  
  </li>  
  <li>  
  <img alt="" src="Ссылка на картинку 3" width="500" height="213" />  
   

ОПИСАНИЕ КАРТИНКИ 3</p>  
  </li>  
  </ul>  
  </div>


Далее в файловый менеджер в папку js (Если такой у вас нет - создайте) залейте скрипт из прикреплённого архива

Всё! Пользуйтесь на здоровье smile
Категория: jQuery | Добавил: Apocalypse | Теги: на, слайдшоу, JQuery, интересное
Просмотров: 253 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: