CODEWITHSUNDEEP
angularjsimageionic-frameworkpopup
hybrid Dev
hybrid Dev

Reputation: 529

how to show images in pop up by clicking on any particular image

I have one grid view layout. I need to show pop up , when ever user press any image. That particular image should be show as pop up.

My code that display grid view images :

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

Upvotes: 2

Views: 16099

Answers (1)

Rathina Ganesh
Rathina Ganesh

Reputation: 157

you can refer the below links,

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

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

Upvotes: 3

Related Questions