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

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

3 дек, 2015 прочтений: 784 комментариев: 3

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

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

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

  • Когда на одном из изображений галереи происходит щелчок мышью, вместо перенаправления пользователя на просмотр этого изображения, происходит его наложение на экран;
  • Когда отображается наложенное на экран изображение, поверх страницы накладывается прозрачный серый фильтр (снижая яркость всего, что под него попало);
  • Текстовое описание просматриваемого изображения непосредственно под изображением;
  • Переход к следующему или предыдущему изображению путём перетаскивания мышью или по навигационным элементам ;
  • Увеличение изображения и просмотр его частей в увеличенном виде;
  • Возможность сделать репост изображений в различные социальные сети;
Произвольный текст для изображения
Произвольный текст для изображения
Нажмите и удерживайте левую кнопку мыши и потяните в право или влево.
Нажмите и удерживайте левую кнопку мыши и потяните в право или влево.
Произвольный текст для изображения
Произвольный текст для изображения
Произвольный текст для изображения
Произвольный текст для изображения
Нажмите и удерживайте левую кнопку мыши и потяните в право или влево.
Нажмите и удерживайте левую кнопку мыши и потяните в право или влево.
Произвольный текст для изображения
Произвольный текст для изображения
Произвольный текст для изображения
Произвольный текст для изображения
Произвольный текст для изображения
Произвольный текст для изображения
Ссылка на публикацию: http://oc2.opencartlabs.ru/index.php?route=news_reviews/article&cat=5_4&post=15

Комментарии (3)


Информация о дополнении: