如何通过单击任何特定图像弹出显示图像

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