在弹出/对话框窗口中单击放大图像

时间:2015-07-22 12:17:51

标签: javascript html css image dialog

是否可以在弹出窗口中使图像显得更大?这是我想要扩展的图片示例:http://i.stack.imgur.com/grp1G.jpgnter这就是我的意思是弹出/对话框:例子:http://i.stack.imgur.com/3WKqW.jpg我到目前为止的代码是:

      <div id="graphSect" id = "pageone" data-role="main" class ="ui-content">
            <a href ="#myPopup" data-rel="popup" data-position-to="window">

                    <img src ="res/images/Capture.JPG"></a>

                    <div data-role="popup" id="myPopup"> 
                            <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">Close</a><img src ="res/images/Capture.JPG" style="width:1200px;height:600px;" >
                    </div>
         </div> 

但我想做一些类似于示例图片的内容。

1 个答案:

答案 0 :(得分:0)

也许你可以使用像lightbox这样的东西。 请参阅以下链接中的示例: http://lokeshdhakar.com/projects/lightbox2/ 希望这可能有所帮助。