js商品放大镜加主图切换

实现商品放大镜加主图切换需要一些前端技术和库的支持，以下是一个简单的实现思路：

1. 在HTML页面中定义一个容器用于显示商品主图和放大后的图片；
2. 使用JavaScript或者jQuery等库动态加载商品主图，同时添加鼠标移入事件；
3. 鼠标移入事件触发后，将鼠标位置记录下来，同时在容器中创建一个放大镜的框，并设置其样式；
4. 鼠标移动事件触发后，根据鼠标位置计算出放大镜框的位置，并更新放大镜框的样式；
5. 根据放大镜框的位置，计算出放大后的图片的位置，并更新容器中的图片样式；
6. 添加切换按钮或者鼠标点击事件，实现商品主图的切换。

这里推荐使用一些可用的库去实现这个功能，比如jQuery zoom、Magnifier.js等。这些库已经封装好了以上的功能，可以直接使用，减少自己编写代码的时间和工作量。