Как сделать увеличивающиеся изображения в редакторе?

Часто бывает так, что нужно внутри текста разместить одно или несколько изображений. Что делать если изображения большие, а в тексте хотелось бы разместить небольшую копию фотографии, кликнув на которую откроется большая. Можно применить следующий способ:

  1. Устанавливаем курсор в редакторе на место где хотим разместить увеличивающуюся фотографию.
  2. Нажимаем  кнопку "Вставить изображение"
  3. В открытом диалоговом окне рядом с полем "источник" нажимаем кнопку
  4. В открытом файловом менеджере выбираем нужное изображение. Если оно еще не загружено, то загружаем и выбираем его
  5. После выбора фотографии в файловом менеджере, в форме добавления изменить один из размеров. Например высоту можно уменьшить до 100 пикселей, ширина будет пересчитана автоматически. После изменения размера нажать кнопку "Ок"
  6. Теперь нажимаем на кнопку "Вставить ссылку"
  7. Выбираем в качестве адреса ссылки нашу фотографию и выбираем в выпадающем списке "Class" вариант "Всплывающее окно"
  8. Нажимаем "Ok"

Результат должен получится примерно таким: