Главная » 2011 » Октябрь » 25 » Замечательный эффект увеличения картинок при наведении (Javascript)
25.10.2011, 18:23

Замечательный эффект увеличения картинок при наведении





Замечательный эффект увеличения картинок при наведении через Mootools на jQuery

ДЕМО МАТЕРИАЛА

Установка:

После /head на нужных страницах вставляйте:
Code
<script src="/js/mootools-1.js" type="text/javascript"></script>  
  <link rel="stylesheet" href="/css/image-hover.css" type="text/css">  
  <link rel="stylesheet" href="/css/image-hover-main.css" type="text/css">  
  <script src="/js/browserCheck.js" type="text/javascript"></script>

Далее в нужном месте прописываем саму галерею:
Code
<div id="image-container">  
  <div class="img" id="img-1">  
  <div class="mask"></div>  
  <img src="Ссылка на картинку">  
  </div>  
  <div class="img" id="img-2">  
  <div class="mask"></div>  
  <img src="Ссылка на картинку">  
  </div>  
  <div class="img" id="img-3">  
  <div class="mask" id="mask-1"></div>  
  <div class="mask" id="mask-2"></div>  
  <img src="Ссылка на картинку">  
  </div>  
  <div class="img" id="img-4">  
  <div class="mask"></div>  
  <img src="Ссылка на картинку">  
  </div>  
  <div class="img" id="img-5">  
  <div class="mask"></div>  
  <img src="Ссылка на картинку">  
  </div>  
  <div class="clearfix"></div>  
  </div>

Заметьте, что для каждой новой картинки нужно прописывать свой id
Материал взят с сайта infoscript.ru
Теги: Скачать Замечательный эффект увеличения картинок при наведении
Скачать "Замечательный эффект увеличения картинок при наведении"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: siteforsites.ru
Категория: JavaScript's | Просмотров: 2719 | Добавил: manikom-auto | Рейтинг: 3.0/3 |
Теги: При, эффект, картинок, через, увеличения, Замечательный, Mootools, На, jQuery, наведении
Всего комментариев: 1
0  
1 Danil   (28.10.2011 20:42) [Материал]
Аватар пользователя
Прикольно, только долго для каждой делать happy

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]