03.07.10

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

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

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

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

22.06.10

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

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

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

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

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

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

17.06.10

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

11.06.10

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

Поискав в интернете, я нашел замечательный плагин для jQueryjQuery simple modal. При размере всего в 8,3Кб  плагин оказался достаточно функциональным и крайне простым в использовании.
Давайте рассмотрим пример его использования.
Читать дальше →

08.06.10

Пример работы плагина jQuery CropВ веб-проектах позволяющих пользователям загружать собственные изображения, иногда встает вопрос вырезания определенной части этого изображения (или отмечания некоторой области на нем) в режиме интерактивного взаимодействия с пользователем.

Без JavaScript в таком случае нам не обойтись – если нет возможности и (или) желания использовать Flash и ему подобные вещи, то JavaScript – то, что выручит нас в трудную минуту.

Для реализации нашей задачи возьмем библиотеку jQuery и ее плагин jQuery Crop.
Кто хочет узнать, как можно применить этот плагин jQuery – добро пожаловать под кат!
Читать дальше →

06.06.10

Навигация с помощью “хлебных крошек” – одна из самых удобных в современном мире веб 2.0. Сегодня я расскажу вам об одном из jQuery плагинов, призванных упростить реализацию такой навигационной строки.
Используя данный плагин вы получите навигационную строку в виде складной цепочки, что позволяет использовать глубоко вложенные и многословные имена страницы.
Разработчики приняли решение не ограничивать количество элементов в строке, и это привело к том, что данный плагин является дружественным к SEO, удобным, да и просто с ним приятно поиграться.
Демо вы можете посмотреть на странице автора.
Читать дальше →