jquery插件局部放大原理是什么?是用几个大的图片拼接出的?还是真的像放大镜一样能把部分区域放大呢?

麻烦懂的朋友指点一下!~~~谢谢
2025-03-07 08:29:40
推荐回答(2个)
回答1:

不是拼接的。
基本原理是用一个(big.jpg )或两个图(small.jpg ,big.jpg)实现。一个图的方式:img控件直接加载大图,用width,height控制缩小显示,mouseover时根据设置比例,放大的范围,在另一个img中显示原图的相应部分(需控制css:overflow:hidden),
两个图的差不多,小图是大图的缩略图片,这样做的好处是不用直接加载大图,提高网页显示速度,只有发生了鼠标滑动放大事件时才动态加载大图。

p.s. 多看看“js 放大镜”的源码,就能知道具体怎样实现的了

回答2:

试试这个图片放大效果
鼠标移上去就会显示放大图片
里面有教程和源码