Иногда есть потребность сделать у картинки возможность увеличивать ее при клике.
Для этого используйте класс 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.