Как показать изображения в всплывающем окне, нажав на любое конкретное изображение

Question

У меня есть один вид сетки. Мне нужно показать всплывающее окно, когда пользователь нажимает любое изображение. Это изображение должно отображаться как всплывающее окно.

Мой код, отображение просматривать изображения сетки:

<div ng-repeat="eventimgs in MediaURL"> 

    <div class="row" ng-if="$even"> 

     <div class="col col-50"><img ng-src="{{MediaURL[$index]}}" style="width: 100%;height: 217px;object-fit: cover;" /></div> 

     <div class="col col-50"><img ng-src="{{MediaURL[$index + 1]}}"style="width: 100%;height: 217px;object-fit: cover;"/></div> 
    </div> 

</div> 

Answer 1

вы можете передать ссылки ниже,

http://lokeshdhakar.com/projects/lightbox2/

http://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_popup_image