Плагин jquery.lazy для отложенной (ленивой) загрузки изображений
jQuery и Zepto плагин Lazy — это быстрый, многофункциональный и легкий плагин для отложенной загрузки контента. Другими словами, загрузки только того материала, который виден на экране.
В этой заметке описана отложенная загрузка изображений. Фреймы, скрипты, медиа и т.д. рассмотрены в теме: "Отложенная загрузка контента".
Дополнения плагина jquery.lazy для отложенной загрузки фреймов, скриптов, медийных файлов и т.д.
jQuery и Zepto плагин Lazy — это быстрый, многофункциональный и легкий плагин для отложенной загрузки контента. Другими словами, загрузки только того материала, который виден на экране.
Это вторая часть его описания, в которой рассмотрены его дополнения. Первая часть: Отложенная загрузка изображений
Вариант оформления блока с шестиугольными фотографиями разного размера
Данное решение можно использовать как вспомогательный блок к какой-либо текстовой информации, или, увеличив масштаб, как самостоятельную секцию.
Также на фотографии можно установить ссылки или появляющийся поясняющий текст
Сетка для галереи фотографий в виде ромбиков.
Пример реализован на css-свойствах grid и clip-path
Примеры создания ховер эффектов, используя наложенные друг на друга одинаковые изображения
Возвращаясь к теме "Сдвиг частей фотографии в разные стороны" сделал еще несколько примеров, как использовать наложенные друг на друга одинаковые фотографии для создания интересных ховер эффектов
Вариант показа фотографии в смартфоне, сделанном средствами CSS
Для данного решения подходит любое фото, но оно будет обрезано под размеры смартфона, который реализован на CSS и не требует своей картинки.
Пример создания модальной картины из изображения на CSS
Данное оформление фотографии хорошо подойдет для демонстрации какого-нибудь продукта. или просто личной фото для блога
Вертикальный и горизонтальный сдвиг частей изображения в разные стороны на CSS
Пара примеров, как разрезать картинку <img> на несколько частей и произвольно сдвинуть их в нужные стороны.
Решение сделано на CSS без использования скриптов
Эффект на WebGL, который заменяет одну фотографию на другую при заходе курсора мыши
Данный эффект хорошо подойдет для титульной страницы, где нет слайдера
Работаю с ним более 10 лет!
Хостинг от 119 рублей в месяц
