Большая подборка ссылок о галереях и всем, что с ними связанно

Original author: Дадли Стори
  • Translation
Дадли Стори, автор «Pro CSS3 Animation», представил подборку своих статей с сайта demosthenes.info о галереях на сайтах и всем, что с ними связано. Решения используют HTML, CSS и PHP в различных комбинациях, текст статей на английском языке. В начале каждой статьи представлена демонстрация эффекта, о котором говорит автор.

Подписи


Анимированные подписи с фильтрами и трансформацией:



On-hover галереи


Галереи изображений с большими изображениями, раскрывающимися по наведению/касанию на миниатюру. По сути, простейшие типы галерей.



On-click галереи


Галереи изображений с большими изображениями, раскрывающимися по клику по на миниатюре.



Flexbox-галереи


Галереи, которые используют элемент Flexbox



Лайтбоксы


Галереи с изображениями, отображение полного размера которых ограничивает функционал страницы.



Слайдеры и карусели




3D галереи и эффекты




Фильтры содержимого


Удобные для пользователя фильтрация и сортировка картинок



Изменение изображений


Техника для создания простых вариантов «до и после» для демонстрации исходника и результата работы.



Сеточные системы


Решения для отображения изображений в виде сетки



Рандомизация изображений


Изображения, которые появляются в случайном порядке при каждой загрузке страницы.



Использование эффекта Кена Бернса


Полноразмерные изображения, которые приближаются с помощью зума, останавливаются и исчезают.



Последовательное появление


Решения для организации появления изображений одного за другим



Генерация подписей


Автоматическая генерация подписей к изображениям с использование JavaScript & PHP.



PAYSTO
0.00
Company
Share post
AdBlock has stolen the banner, but banners are not teeth — they will be back

More
Ads

Comments 0

Only users with full accounts can post comments. Log in, please.