寻求实现侧边悬停产品放大效果的纯JavaScript库

当然有不少纯JavaScript库能实现你要的这种侧边产品图片放大效果，给你列几个实用选项：

• elevateZoom.js：轻量级纯JS库，支持侧边放大、内放大等多种模式，配置简单，只需要给目标图片绑定对应的初始化方法就能快速出效果。
• Pure JS Image Zoom：完全无依赖的小型库，专门做图片放大，支持侧边预览窗，源码简洁，想改样式或者调整行为也很方便。
• Zoom.js：有纯JS独立版本，能自定义放大区域的位置（包括侧边），还能设置放大比例、触发方式（hover或点击）这些细节。

要是不想用现成库，自己手写核心逻辑也不难：

1. 监听主图上的鼠标移动事件，算出鼠标在图片上的相对位置比例
2. 根据这个比例，在侧边的放大容器里定位大图的显示区域
3. 加上鼠标进入/离开事件，控制放大容器的显示和隐藏

内容的提问来源于stack exchange，提问作者Roman Shaposhnikov