Функционал
Эффект "увеличения" фото, при размещении в обычных контейнерах
Вы добавили в контейнеры типа HTML-блок или Запись текст с картинками и Вам нужно сделать следующий эффект - при щелчке по картинке, она увеличивается и посетитель сайта может её посмотреть при большем масштабе! Расскажем, как можно это реализовать (подсказка - на этой страничке эффект увеличения уже работает - щелкните для проверки по любой из картинок)!
- Добавьте картинки (фото) в нужные места в контейнере. Нажмите кнопку Сохранить и остаться.
- На панели инструментов или в меню Вид нажмите кнопку < > Исходный код.
- Каждую картинку оберните парным тегом гиперссылки <a> и </a>.
- Добавьте атрибут data-fancybox в открывающий тег гиперссылки <a>, скопируйте путь к картинке из атрибута src тега <img> и пропишите его в атрибут href для открывающего тега гиперссылки <a>.
- Повторите пункты 3-4 для каждого изображения, нажмите кнопку Сохранить и выйти. Проверьте реализацию эффекта на сайте.