Пример новости с работой галереи

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

Работу галерей можно кратко представить следующим образом:

• Когда на одном из изображений галереи происходит щелчок мышью, вместо перенаправления пользователя на просмотр этого изображения, происходит его наложение на экран;
• Когда отображается наложенное на экран изображение, поверх страницы накладывается прозрачный серый фильтр (снижая яркость всего, что под него попало);
• Текстовое описание просматриваемого изображения непосредственно под изображением;
• Переход к следующему или предыдущему изображению путём перетаскивания мышью или по навигационным элементам ;
• Увеличение изображения и просмотр его частей в увеличенном виде;
• Возможность сделать репост изображений в различные социальные сети;