Эффект раздвижных шторок
Похоже на аккордеон - при наведении происходит, как бы раздвигание шторок и мы видим полное изображение.
Похоже на аккордеон - при наведении происходит, как бы раздвигание шторок и мы видим полное изображение.
Используется jQuery плагин jmFullWall для получения действительно впечатляющих портфолио из фотографий.
Лайтбокс (lightbox) очень здоровский скрипт для отображения изображений на странице. В этом уроке будет рассмотрен изменненый скрипт на базе лайтбокса. Особенности: изображение можно расширить, если изображение больше текущего размера окна браузера, размер изображения автоматически подгоняется под размер окна, можно наложить на изображение другую картинку (например, new - новинка), изображение можно увеличить с помощью колесика мышки и его можно перетаскивать.
Всё что нам понадобится - это изображение, которое будет использоваться в качестве фонового. При изменении окна браузера, будут изменяться и размеры нашего фонового изображения. Плагин проверен в Safari, Chrome, Opera, IE8 и Firefox.
Интересный и простой эффект, который можно использовать на сайте интернет магазина. Полноразмерные изображения помещаются в контейнер DIV меньшего размера. Изображение центрируется, но не показывается полностью, так как параметр overflow:hidden - в состоянии включен. При наведении мыши на картинку, overflow:hidden переходит в состояние выключен и рубашка показывается полностью.
В сегодняшней фотосессии принимают участие красивые пейзажи, а Вы будете в качестве фотографа, пытающегося заснять самое интересное... Будем создавать эффект фотографирования с помощью jQuery плагина PhotoShoot 1.0.
Ассиметричный слайдер изображений в котором при смене картинок происходит их небольшой поворот. Добавлена опция автозапуска и прокрутка с помощью колесика мыши. В слайдере будем использовать плагин jQuery 2D Transformation Plugin для поворота изображений и плагин jQuery Mousewheel Plugin для использования колесика мыши.
Плагин для увеличения отдельных элементов изображения при перемещении курсора по нему.
Небольшое и полностью автономное ответвление от TinySlider реализующее слайдшоу с эффектом растворения (fade).
Для изображний больших форматов можно использовать данный плагин, который позволяет с экономить место на странице, путем помещения оригинального изображения в контейнер ограниченных размеров, и добавив к нему миниатюру, перемещая курсором по которой, мы будет перемещаться и по оригинальному изображению в контейнере. Короче смотрим демку...
Ещё один плагин слайдшоу, однако его возможности не ограничиваются простым перелистыванием контента. Можно добавить всплывающие подсказки с текстом или миниатюрами изображений, активировать динамически высоту и многое другое.
Эффект всплывающей подсказки - изображения при наведении на иконку - миниатюру картинки.