請問這個功能是怎麼做？

Question

https://www.spectacles.com/sh...

我嘗試的想解析

就是可以簡單地切換
這我還真不知道怎麼偷走
也找不到相似的東西？
有人知道範例嗎？？？

Answer 1

小白一个，说一下我的思路。

下面的这几个小图片用li标签写好，添加一个事件委托，当点击li标签的时候获取img的src，然后把这个src赋值给后面大的图片的src，应该就可以实现了。

Answer 2

@奥斯卡僚机 老哥，看好问题。

你该告诉她：如果你是 Chrome 或 Firefox 浏览器，你可以：

• 如何查看页面源代码（Ctrl + U）、
• 如何获取到对应 DOM 的位置及标签的即时变化（检查：Ctrl + Shift + C）。

在有这两个操作后，如果提问者想解析，费点时间，自然可以解析出来。

---

就算是模拟出来：

检测图片列表 DOM 的 onClick 事件，然后在大图的 src 属性上替换对应的图片链接即可。

简单明了一点，毕竟你不是在讲话，而是写答案。