How to pop up an Image from html as an alert

I have an html page with an image src and I want to pop up the image on page first load in mvc layout . I am struggling to get the popup working. Below is my html code

CUI Page
"utf-8" />
"/Scripts/jquery-1.10.2.min.js">
"/Content/bootstrap.min.css" rel="stylesheet" />
"/Scripts/bootstrap.min.js">
class="container">
class="col-md-12" id="hide">
"/Content/Images/warning.png" style="margin-left: auto; margin-right: auto; display: block;" alt="" />
"myButton" type="button" style="margin-left: auto; margin-right: auto; display: block;">OK