日期:2014-05-16  浏览次数:20374 次

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

网上搜了很久老大都不满意

如题 本人是JAVA程序员 却被老大分到这个任务 本来有一个JQUERY实现了这个功能的代码

但是那个代码的photos文件夹中每一个小图片对应的是一个大图片,也就是通过单击图片后在DIV里弹出那个大图片

但是老大说不行 photos文件夹中只能有一个图的图片 所以麻烦哪个大哥救我一命

我的Q281841698 在线急等答...

 

------解决方案--------------------
有点小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");
            })
        })