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

Облако фотографий через плагин ImageCloud на jQuery
23.06.14, 13:41:54

Скачать файл




Оригинальное облако фотографий для вашего сайта. Размеры и положения блоков хаотично меняются после каждой перезагрузки страницы. При наведении курсора на блок, он увеличивается

Для начала посмотрите ДЕМО



Установка:

На нужных страницах после /head вставляйте:
Код
<script type="text/javascript" src="/js/backgroundPosition.js"></script>  
  <script type="text/javascript" src="/js/jquery.imageCloud.js"></script>  
  <link type="text/css" rel="stylesheet" href="/css/imageCloud.css" />  
  <style type="text/css">  
  #ic1 {}  
  </style>


Следующий код в то место, где будет расположено само облако:
Код
<script type="text/javascript">  
  $(document).ready(function () {  
  $("#ic1").imageCloud({
  height: 400,  
  width: 600,  
  link: false  
  });  
  });  
  </script>  

  <div id="ic1">  
  <img src="Ссылка на картинку" width="350" height="250" border="0" />  
  <img src="Ссылка на картинку" width="350" height="250" border="0" />  
  <img src="Ссылка на картинку" width="350" height="250" border="0" />  
  <img src="Ссылка на картинку" width="350" height="250" border="0" />  
  <img src="Ссылка на картинку" width="350" height="250" border="0" />  
  <img src="Ссылка на картинку" width="350" height="250" border="0" />  
  </div>


Осталось лишь залить два скрипта из прикреплённого архива в папку js и стиль в папку css

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: Через, на, плагин, JQuery, Облако, ImageCloud, фотографий
Просмотров: 265 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: