How can i open image on Button Click not on Image click ?

[hardikhari96]

I am Displaying a List of documents in table form and an assigned a view button on the list, when the client click on the view button it will open the image viewer.

[hardikhari96]

currently I am using CSS opacity and relative positon property ,
<button class="btn btn-success">view</button> <img [src]="doc.DOC_URL" ngxViewer class="orderImage">

.orderImage { width: 74px; height: 36px; position: relative; right: 68px; opacity: 0; cursor: pointer;}