Новый точечный рисунок

Как сделать чтобы картинка увеличивалась при нажатии

Задался я вопросом во время написания последних статей: «Как сделать чтобы картинка увеличивалась при нажатии?«.Причиной возникновения данного вопроса были добавляемые мною картинки, которые в полный размер очень портили бы вид статьи в целом, а при нормальном размере просто напросто не читаемы!Конечно стандартно в WordPress картинки при нажатии открываются в новом окне, но при этом закрывается сама статья!Так вот о том, как сделать чтобы картинка увеличивалась в самой статье читайте далее!

Способов это сделать достаточно много. В сети есть варианты кодов, которые нужно вставить в код своего сайта или блога, но все они будут выполняться при помощи javascript, так что нагрузка на сайт все-равно будет и скорость загрузки страницы тоже пострадает! Поэтому мной было решено использовать для этих целей плагин потому, что во первых это намного быстрее и удобнее, а во вторых всегда его можно удалить или если что-то не нравится легко изменить! Остановил я свой выбор на плагине Fancybox.

Все настройки плагина на английском языке, но после установки плагина я  увидел, что необходимости в них нет! Все сразу ставится так как надо, выглядит красиво и работает исправно!

Думаю с установкой плагина разберется каждый, но если нет приходите на мой блог завтра, завтра я напишу подробную статью про установку плагина на WordPress!

Единственное, что я изменил в настройках плагина fancybox и что советую изменить вам — это настройки галереи! Для того чтобы изменить настройки переходим в

Консоль блога — параметры — Fancybox for WP — Galleries

Настройка плагина fancybox

 

После того как вы перешли во вкладку «Galleries» необходимо выбрать параметр «Make a gallery for each post»  и нажать внизу страницы на кнопку «Save changes».  Готово!

Данный параметр разрешит создавать галлерею только одной записи и запретит чтобы в нее попадали все картинки содержащиеся на странице!

Вот и все, теперь картинка на вашем сайте будет увеличиваться при нажатии! Кстати можете посмотреть как это выглядит просто нажав на любую картинку в этой записи например эту:

Пачка денег

 

Желаю чтобы у всех была такая же на карманные расходы!!! Жду ваших комментариев!