jQuery Reel 实现360度旋转产品展示

2022-12-24

本次换了一种实现方式,灵活性更好,对于大量IMG标签算是较为友好的,但实际操作起来很卡,可能需慎用。引用jQuery库jquery.reel.js,图片素材取自apple,代码如下:

HTML

<img src="https://www.apple.com/105/media/us/airpods-max/2020/996b980b-3131-44f1-af6c-fe72f9b3bfb5/anim/turn/large_2x/large_2x_0000.jpg" width="400" height="483"
class="reel" id="image" data-images="https://www.apple.com/105/media/us/airpods-max/2020/996b980b-3131-44f1-af6c-fe72f9b3bfb5/anim/turn/large_2x/large_2x_####.jpg|0000..0034">