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