03.07.10

CloudZoom – это плагин jQuery, позволяющий увеличивать отдельные части изображения (так называемый зум). В сравнении с популярными плагинами, такими как jQZoom и MagicZoom, Cloud Zoom гораздо более легкий и быстрый, а также несколько более кроссбраузерный.

Особенности плагина CloudZoom:

  • Кроссбраузерный (IE6+, Firefox, Chrome, Opera, Safari).
  • Легко интегрируется с HTML-разметкой.
  • Размер всего 6кб.
  • Плавный зум.
  • Режим галереи.
  • Режимы мягкого фокуса, внутреннего зума и оттеночный
  • Ничего не портится, если у пользователя отключен JavaScript
  • Сохраняет свою работоспособность без CSS
  • Полностью бесплатен

Далее вы увидите примеры использования плагина и руководство по интеграции его в ваш проект.
Читать дальше →

27.06.10

Очень часто веб-разработчики сталкиваются с такой задачей, как создание некоего баннера-слайдшоу, который будет прокручивать некоторый набор картинок.
До недавнего времени это было возможно только с помощью flash, однако сейчас, в эпоху царствования JavaScript, мы обойдемся без него.
Демо
Читать дальше →

26.06.10

Плагин jQuery Approach – это такой плагин, который позволяет производить анимацию посредством изменения CSS-свойств объекта в зависимости от положения мыши на объекте. Это работает точно также, как и jQuery Animate, только анимация изменяется в зависимости от положения мыши (а не только во времени).

Читать дальше →

20.06.10

Сегодня я покажу каким образом можно добиться построения замечательного эффекта увеличения изображений при наведении мыши.

Этот эффект будет полезен при создании различного рода галерей в тех случаях, когда требуется “вдохнуть жизнь” в получающееся творение.

На вооружение мы как всегда возьмем jQuery и CSS. Итак, вперед!

Читать дальше →

17.06.10

В данном примере мы сохраним все преимущества классической техники использования CSS-спрайтов и добавим к ним анимационных эффектов. Помимо использования CSS для определения внешнего вида элементов в различных состояниях, мы будем использовать JavaScript для создания анимации. Даже если у пользователя будет отключен JavaScript, часть эффектов все равно будет работать (за исключением анимации).
Читать дальше →