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

问题描述：

我有一个网格视图布局。当用户按下任何图像时，我需要显示弹出窗口。该特定图像应显示为弹出。如何通过点击任何特定的图像弹出显示图像

我的代码显示网格视图图片：

<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>

使用UI引导模式。点击图片时，您可以传递图片ID并显示。 https://angular-ui.github.io/bootstrap/#/modal –

@Manikandan我是新来的离子。通过onclick函数我不知道如何通过seelcted图像的ID和显示弹出 –

这可能会有所帮助https://devdactic.com/images-videos-fullscreen-ionic/ –

答

你可以参考以下链接，

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

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

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

相关推荐