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

Замечательный плагин expand для увеличения изображений при наведении курсора на jQuery
23.06.14, 08:22:14

Скачать файл




Отличный простой плагин для увеличения изображений при наведении курсора

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

Переходим к установке:

После /head на нужных вам страницах вставляйте:
Код
<style type="text/css">
  img.expando{ /*sample CSS for expando images. Not required but recommended*/  
  border: none;  
  vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/  
  }  
  </style>

  <script type="text/javascript" src="/js/expando.js"></script>


Настройка скрипта закончена и теперь нам предстоит лишь прописать изображения, которые будут увеличиваться при наведении:
Код
<img class="expando" border="0" src="Ссылка на картинку" width="100" height="75">
  <img class="expando vacation" border="0" src="Ссылка на картинку" width="150" height="150">
  <img class="expando" border="0" src="Ссылка на картинку" width="100" height="75">


Далее залейте в папку js скрипт из прикреплённого архива

Всё! Как вы наверное уже сами догадались, нам достаточно лишь лишь приписать картинке класс expando и сжать её до нужных размеров, чтобы она увеличивалась при наведении

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: при, изображений, увеличения, замечательный, курсора, на, плагин, наведении, Expand, для
Просмотров: 619 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: