从现有img弹出图像和视图大

时间:2013-04-24 21:37:50

标签: javascript jquery css3 struts2

我已经从jsp中的不同类型的服务器加载了文件,现在我想要点击弹出的图像文件,我知道我可以再次请求服务器获取数据和popitup,我想知道的是有什么方法可以从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>

感谢和问候

1 个答案:

答案 0 :(得分:0)

试试这个 - jsFiddle

CSS

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

JS

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