javascript - 从现有的 img 中弹出图像并查看大图

Question

我已经在jsp中从不同类型的服务器加载了文件，现在我想要点击弹出的图像文件，我知道我可以再次向服务器请求数据和弹出，我想知道有没有办法扩大现有的来自 img 标签的图片？我做了一些这样的事情，目前能够看到缩略图。

<s:iterator value="furls" var="file">
            <div id="img_holder">
                <img src="<s:property value="#file.url"/>" onError="this.onerror=null;this.src='images/no_preview.png';" alt="" height="100" width="100"/>
                <span id="text"><a href="<s:property value="#file.url"/>"><s:property value="#file.name"/></a></span>
            </div>
</s:iterator>

谢谢并恭祝安康

Answer 1

试试这个- jsFiddle

css

.scale {
    height:100px;
    width:300px;
    transition:all 2s;
}

js

$(document).ready(function () {
    $('img').click(function () {
        $('img').toggleClass('scale');
    });
});