Question

在我的代码中，表格中有很多图像。我想点击一张照片＆amp;然后照片将以大尺寸弹出。但是我对javascript＆amp; amp; jQuery的。我尝试这样做但不起作用。你可以告诉我哪里出错了，或者点击后给我一个正确的弹出图片代码。

我的标题链接如下。是否需要添加任何其他链接??

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

    <link rel="stylesheet" type="text/css" href="http://w2ui.com/src/w2ui-1.4.2.min.css" />
    <script type="text/javascript" src="http://w2ui.com/src/w2ui-1.4.2.min.js"></script>

这里是html部分：

<div>
    <td> <img class="btn" onclick="popup()" style="width:100px; height:100px; border-radius:4px;" src="upload/<?php echo $row['image'];?>"></img></td>
</div>

这是javascript：

<script type="text/javascript">
    function popup() {
        w2popup.open({
            title: 'Image',
            body: '<div class="w2ui-centered"><img src="upload/<?php echo $row['image'];?>"></img></div>'
        });
    }
</script>

我的脚本存在问题。它弹出一个盒子，但不显示图片。任何人都可以帮我如何在弹出框中显示图像。提前谢谢。

单击后如何弹出图像

0 个答案: