Галерея изображений для сайта с эффектом лупы

Здравствуйте, уважаемые читатели XoZbloga! В этом уроке мы создадим простую библиотеку JavaScript для добавления эффекта лупы при наведении на изображение. Мы сделаем все с нуля, без использования jQuery на чистом JS. Давайте приступать!

Слайдер сравнения изображений (до и после)

Здравствуйте, уважаемые читатели XoZbloga! Если вы посещаете mail.ru, раздел авто новостей, то наверняка видели там один замечательный эффект при сравнении двух изображений, когда одно изображение как бы перекрывает другое. Другими словами это слайдер сравнения изображений до и после. Для того чтобы реализовать подобный эффект есть множество способов и в этой статье опишу один из них. Будем использовать плагин jQuery — Twentytwenty, страница проекта здесь.

Легковесный lightbox плагин — Luminous

Здравствуйте, уважаемые читатели XoZbloga! Давайте знакомиться с простым, легковесным плагином lightbox изображений от imgix — Luminous. Данный плагин отлично подойдет для блога на WordPress. Ниже приведен живой пример использования плагина.

Галерея изображений в стиле Google Images

Здравствуйте, уважаемые читатели XoZblogа! В этой статье поведаю Вам о замечательной галереи изображений в стиле google images, автором которой является @toddmotto. Галерея SuperBox достаточно «легковесная», да к тому же адаптирована под мобильные устройства. Работает исключительно на CSS3 и jQuery, как говорится ничего лишнего.

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

Здравствуйте, уважаемые читатели XoZbloga! В данной статье расскажу и покажу, один из способов реализации эффекта увеличительного стекла (лупы) для изображений на сайте. Автором данного решения является @_rishabhp. Для работы нам понадобится библиотека jQuery, а также будем использовать CSS3. То что получится в итоге Вы можете опробовать на демо странице или скачать исходники.