无需滚动即可查看缩放图像

Question

我已经实现了一个用于显示某个项目的可视化Web部件。每个项目由它的图片和它的描述组成。我已经实现了一些代码来显示它。我得到了结果。这是我的代码。

 function hoverdiv(e, control) {

    var left = e.clientX + "px";
    var top = e.clientY + "px";

    var newImg = $(control).attr("src");
    $("#imgView").attr("src", newImg);

    $("#dialog").css('left', left);
    $("#dialog").css('top', top);
    $("#dialog").css('position', 'fixed');
    $("#dialog").toggle(); return false;
}  

但是有时用户将鼠标指针悬停在一个图像中，该图像将缩放到鼠标指针附近。如果用户希望整个图像。他必须向下滚动以实现这一目标。

如何在不进行任何滚动的情况下显示缩放图像。有人可以建议吗？我非常感谢完成我的任务。提前谢谢，

Answer 1

您可以查看以下链接：

http://www.c-sharpcorner.com/UploadFile/sapnabeniwal/move-mouse-on-image-for-zoom-in-and-zoom-out-effect/

http://www.c-sharpcorner.com/UploadFile/sapnabeniwal/a-mousehover-zoom-effect-using-jquery-and-css/

我相信这一定会对你有所帮助。