Как увеличить картинку при нажатии
Опубликовано: 01.09.2018
Урок №31
В сегодняшнем уроке я расскажу вам — как сделать так, что бы при нажатии на картинку, она увеличивалась. Наверняка работая со своими статьями многие столкнулись с проблемой размера картинки. Если картинка большая, она не влазит в основной блок и приходится её уменьшать, что вредит её качеству чтения.
Простой скрипт увеличения картинки
Плагин Auto Highslide
Эту проблему можно решить при помощи плагина — Auto Highslide. Самый лучший плагин — для увеличения изображений на сайте. Хотя есть и некоторые аналоги, но мне как-то больше нравится именно этот.
Как всегда качаем плагин и устанавливаем его. Активируем. Надеюсь скачивать плагины уже все умею, об этом я уже не однократно писал.
Как сделать всплывающее окно для фотографий
Как работать с Auto Highslide
Работать с плагином очень просто. Вставляете изображение в нужное для вас место. Выбираете для него размер, залипание к краю, либо выравнивание по центру, ну всё как обычно. Затем нажимаете на — редактировать.
В открывшемся окне проверяем, что бы в графе ссылка, была указана именно ссылка на то место где хранится ваше изображение. Если там находится другая ссылка, или вы вообще не имеете понятия как должна выглядеть эта ссылка. То просто жмёте на кнопку — ссылка на изображение , и в интересующей нас строке нужная на ссылка сама подставится. Затем жмём обновить.
В принципе, это и все настройки. Просто нужно следить что бы была ссылка на изображение. В многих шаблонах эта ссылка подставляется автоматически. Поэтому вообще ничего не нужно делать, только скачать и установить плагин.
На этом всё. В следующем уроке расскажу вам зачем нужен ТИЦ и что это такое.