js怎么实现点击图片预览后在客户区点击左边显示左箭头

Answer 1

1、首先，创建一个图片列表，并给每个图片绑定点击事件，当点击图片时，打开一个蒙层，并将图片克隆到蒙层中，设置为原图片的位置，然后通过CSS3的transform属性实现图片的放大和居中效果。
2、其次，在蒙层中添加两个箭头元素，并设置为绝对定位，分别位于客户区的左右两侧。可以通过CSS的伪元素或SVG来创建箭头的形状，也可以使用图片作为箭头的背景。
3、最后，给箭头元素绑定点击事件，并在事件处理函数中实现图片的切换逻辑。可以通过数组或链表来存储图片列表，并用一个变量来记录当前显示的图片索引，然后根据箭头的方向来更新索引，并切换图片的src属性。