• главная
  • База знаний
  • Типовые ошибки
  • Часто задаваемые вопросы

Справка по CMS "Веб-Мастерская"

  • +375 17 389-43-17 (в будние с 10-00 до 17-00)
  • info@web-masterskaya.by (круглосуточно - 24/7)
  • Главная
  • База знаний
  • Типовые ошибки
  • Часто задаваемые вопросы
  • Последние обновления
Главная / База знаний / Пошаговые инструкции / Функционал /

Эффект "увеличения" фото, при размещении в обычных контейнерах

Вы добавили в контейнеры типа HTML-блок или Запись текст с картинками и Вам нужно сделать следующий эффект - при щелчке по картинке, она увеличивается и посетитель сайта может её посмотреть при большем масштабе! Расскажем, как можно это реализовать (подсказка - на этой страничке эффект увеличения уже работает - щелкните для проверки по любой из картинок)!

    1. Добавьте картинки (фото) в нужные места в контейнере. Нажмите кнопку Сохранить и остаться.

    1. На панели инструментов или в меню Вид нажмите кнопку < > Исходный код.
    2. Каждую картинку оберните парным тегом гиперссылки <a> и </a>.
    3. Добавьте атрибут data-fancybox в открывающий тег гиперссылки <a>, скопируйте путь к картинке из атрибута src  тега <img> и пропишите его в атрибут href  для открывающего тега гиперссылки <a>.

  1. Повторите пункты 3-4 для каждого изображения, нажмите кнопку Сохранить и выйти. Проверьте реализацию эффекта на сайте.

 

 

© ООО "Белинфопортал" | Поддержка:
  • +375 17 389-43-17 (в будние дни с 10-00 до 17-00)
  • info@web-masterskaya.by (круглосуточно - 24/7)

Политика в отношении обработки cookie
  • Главная
  • База знаний
  • Типовые ошибки
  • Часто задаваемые вопросы
  • Последние обновления