Как увеличить картинку на странице

Иногда есть потребность сделать у картинки возможность увеличивать ее при клике. 

Для этого используйте класс as-img и атрибут data-bigImage. Пример: 

<img src="..." class="as-img" data-bigImage="...." title/>

При клике будет появляться диалоговое окно. Если указан title - то он будет использоваться в качестве заголовка модального окна. 

Если там нужно сделать для любых картинок (например, эти картинки добавляются через rich редактор и проблематично проставить классы as-img), то задействуем JS: 

$(document).delegate('.cont1 img', 'click', function(e){
   	var img = $(this);
     	if(img.closest("a").length) return;
     	e.preventDefault();
     var s = "<img src='"+img.attr('src')+"' class='d-block mx-auto' />";
     	as.sys.showDialog("", s, "", function(){
       
       }, true);
});

Важно: это будет действовать на все картинки в рамках некоего контейнера с классом cont1.

Страница-источник на сайте falconspace.ru