как увеличить картинку по клику в тексте?

как увеличить картинку по клику в тексте?

от Игорь М -
Количество ответов: 2

Например, для Wordpress есть плагин, когда вставляешь в текст страницы картинку, он сам ее сжимает до небольших размеров, а при клике на нем мышкой - увеличивает до максимума (или до размеров экрана) Есть что то подобное для Moodle? Галерею вот нашел, но нам галерея как то не нужна. 

В ответ на Игорь М

Re: как увеличить картинку по клику в тексте?

от Vadim Tabunshchik -
Изображение пользователя Developers

В редакторе TinyMCE при вставке изображения есть возможность настройки на вкладке "Дополнительные".

Готовите 2 картинки - маленькую и большую (можно одну большую, но тогда при вставке нужно её масштабировать), вставляете, как обычно:

ris

переходите на вкладку "Дополнительные", ставите галку "Альтернативное изображение" и указываете адрес большой картинки при наведении курсора. В поле "При уводе курсора" можно прописать адрес маленькой картинки:

ris

Чтобы картинка увеличивалась по клику мышки, придется прописывать вручную:

<a onclick="window.open('адрес_большого_изображения','location=yes,menubar=yes');return false;" href="адрес_большого_изображения"><img style="cursor: pointer;" src="адрес_маленького_изображения" /></a>