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, только анимация изменяется в зависимости от положения мыши (а не только во времени).

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

23.06.10

Сегодня мы реализуем с помощью jQuery вот такое облако тегов, с виду представляющее из себя 3D-карусель:

А работает это вот так.
Для построения облака тегов мы будем использовать небольшой (4,5Кб) 3D-движок для jQuery. Собственно автор движка и является автором данного примера.
Читать дальше →

22.06.10

Иногда требуется сделать интерактивную подсветку определенных частей изображения.

Можно воспользоваться различными средствами для реализации этой техники, но мы возьмем прекраснейший инструмент – jQuery и ее плагин masker.

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

Следует отметить, что способ на сегодняшний день более чем достаточно кроссбраузерен – заявлена поддержка IE 7-8, Firefox 3, Chrome 5, Safari 5.

Так что кому интересно – добро пожаловать под кат!

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