главная

Теги:


Галерея с эффектом склеивания фото

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

При изменении размеров окна, позиция миниатюр будет автоматически подстраиваться под размер экрана. Для этого используется плагин jQuery 2D Transform - http://plugins.jquery.com/project/2d-transform

Красивые фото предоставлены - http://www.flickr.com/photos/arcticpuppy/

При просмотре больших фото и нажатием на кнопки "Вперед - Назад" идет красивая смена картинки "ячейка за ячейкой"

Наслаждайся демо и скачивайте исходники! Наиболее красиво все выглядит в Google Chrome и Apple Safari.

Ученье без размышления бесполезно, но и размышление без ученья опасно.  

Конфуций

 


Источник урока: http://tympanus.net/codrops/2010/11/30/merging-image-boxes/

Урок Создан:2011-05-13 Просмотров:11409

Добавить комментарий:


Copyright© 2009 Hosted by Zhost