不是拼接的。
基本原理是用一个(big.jpg )或两个图(small.jpg ,big.jpg)实现。一个图的方式:img控件直接加载大图,用width,height控制缩小显示,mouseover时根据设置比例,放大的范围,在另一个img中显示原图的相应部分(需控制css:overflow:hidden),
两个图的差不多,小图是大图的缩略图片,这样做的好处是不用直接加载大图,提高网页显示速度,只有发生了鼠标滑动放大事件时才动态加载大图。
p.s. 多看看“js 放大镜”的源码,就能知道具体怎样实现的了
试试这个图片放大效果
鼠标移上去就会显示放大图片
里面有教程和源码