求单击页面图片按钮后通过DIV弹出图片放大的代码（图片要不失真）

求单击页面图片按钮后通过DIV弹出图片放大的代码（图片要不失真）网上搜了很久老大都不满意如题本人是JAVA程序员却被老大分到这个任务本来有一个JQUERY实现了这个功能的代码但是那个代码的photos文件夹中每一个小图片对应的是一个大图片，也就是通过单击图片后在DIV里弹出那个大图片但是老大说不行 photos文件夹中只能有一个图的图片所以麻烦哪个大哥救我一命我的Q281841698 在线急等答...

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

图片自己换下，预设宽度和高度根据实际图片等比设置好
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>    <script src="js/jquery-1.4.4.js" type="text/javascript"></script>    <script type="text/javascript">
        $(function() {
            $("#i1").click(function(e) {
                $("#hidden").each(function() { $(this).remove() });
                $("<div>", { id: "hidden" }).html("<img src='pics/48.jpg' />").css({ "position": "absolute", "left": e.pageX + 1, "top": e.pageY + 1 }).fadeIn().click(function() {
                    $(this).fadeOut();
                }).appendTo("body");
            })
        })
    </script></head>
<body>
    <img id="i1" src="pics/48.jpg" style="width: 20%;" />
</body>
</html>
有点小BUG，改下js代码        $(function() {
            $("#i1").click(function(e) {
                $("<div>", { id: "hidden" }).html("<img id='i2' src='pics/48.jpg' />").css({ "position": "absolute", "left": e.pageX + 1, "top": e.pageY + 1 }).fadeIn().click(function() {
                    $(this).fadeOut(); $(this).parent("#hidden").remove();
                }).appendTo("body");
            })
        })
还少了一句        $(function() {
        $("#i1").click(function(e) {
            $("#i2").parent("#hidden").remove();
                $("<div>", { id: "hidden" }).html("<img id='i2' src='pics/48.jpg' />").css({ "position": "absolute", "left": e.pageX + 1, "top": e.pageY + 1 }).fadeIn().click(function() {
                    $(this).fadeOut(); $(this).parent("#hidden").remove();
                }).appendTo("body");
            })
        })
LZ要放大图片呀，图片放大是不容易的，WEb做不到
  其实我觉得可以改进为点击图片后，把图片本身的src以及 this 的id提交给js然后再用js处理，这样会比较好。实用性比较强。