930 Zoom

ZooMove — масштабирование изображений

jQuery плагин, который позволяет динамически менять масштаб изображения при наведении курсора мыши. Перемещая курсор, можно также зуммировать различные участки изображения.

ZooMove — масштабирование изображений
367 Slider

Эффект шторок для изображений

Сегодня сделаем на чистом CSS3 смену изображений через эффект шторок - раздвигающихся панелей. Идея заключается в использовании фоновых изображений для панелей и их анимации при клике по <label>.

Эффект шторок для изображений
568 Lightbox

Lightbox Plus - превью картинок

Лайтбокс (lightbox) очень здоровский скрипт для отображения изображений на странице. В этом уроке будет рассмотрен изменненый скрипт на базе лайтбокса. Особенности:  изображение можно расширить, если изображение больше текущего размера окна браузера, размер изображения автоматически подгоняется под размер окна, можно наложить на изображение другую картинку (например, new - новинка), изображение можно увеличить с помощью колесика мышки и его можно перетаскивать.

Lightbox Plus - превью картинок
321 Slider

Вращающийся слайдер изображений

Ассиметричный слайдер изображений в котором при смене картинок происходит их небольшой поворот. Добавлена опция автозапуска и прокрутка с помощью колесика мыши. В слайдере будем использовать плагин jQuery 2D Transformation Plugin для поворота изображений и плагин jQuery Mousewheel Plugin для использования колесика мыши.

Вращающийся слайдер изображений
556 Slider

Nivo slider - плагин слайдшоу

Ещё один простенький плагин с 16 вариантами всевозможных эффектов. Тестировался на Internet Explorer v7+, Firefox v3+, Google Chrome v4+, Safari v4+, Opera v10+

Nivo slider - плагин слайдшоу
535 Gallery

Анимированная фотогалерея на jQuery

Для оживления галереи используется функция animate() и при наведении на картинку происходит плавное изменение цвета от черно-белого до цветного.

Анимированная фотогалерея на jQuery
617 Gallery

Слайд эффект при наведении курсора

Красивый эффект с отображением картинок реализованный на jQuery. Основная идея состоит в том, что имеется определенная область сформированная из изображений, и при наведении курсора на картинку, происходит её смена новой с произвольным эффектом скольжения (различные варианты выезда слайда: сверху, снизу, слева, справа).

Слайд эффект при наведении курсора
559 Zoom

Эффект лупы на изображении - zoomy

Эффект лупы достигается благодаря использованию простого jQuery плагина Zoomy. Вам понадобятся две копии одного и того же изображения - первая - копия показываемая на экране (или уменьшенный вариант), а вторая - копия оригинального изображения (увеличенный вариант). Реализовать очень просто. Указываете ссылку на Увеличенное изображение и обрамляете этим <a> тегом, уменьшенную копию изображения (тег <img>). Ну и указать класс для ссылки, чтобы плагин мог с ним работать.

Эффект лупы на изображении - zoomy