title: Onclick enlarge image inside a popup/dialog window
body: <p>Is it possible to make an image appear larger in a popup window? This is an example of my picture that I am trying to expand: <a href="http://i.stack.imgur.com/grp1G.jpgnter" rel="nofollow">http://i.stack.imgur.com/grp1G.jpgnter</a> This is what I mean by a popup/dialog box:EXAMPLE: <a href="http://i.stack.imgur.com/3WKqW.jpg" rel="nofollow">http://i.stack.imgur.com/3WKqW.jpg</a> The code I have so far is:</p>
  
  <pre><code>      &lt;div id="graphSect" id = "pageone" data-role="main" class ="ui-content"&gt;
              &lt;a href ="#myPopup" data-rel="popup" data-position-to="window"&gt;
  
                      &lt;img src ="res/images/Capture.JPG"&gt;&lt;/a&gt;
  
                      &lt;div data-role="popup" id="myPopup"&gt; 
                              &lt;a href="pageone" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right"&gt;Close&lt;/a&gt;&lt;img src ="res/images/Capture.JPG" style="width:1200px;height:600px;" &gt;
                      &lt;/div&gt;
           &lt;/div&gt; 
  </code></pre>
  
  <p>but I would like to do something that resembles the example pic.</p>