如何在html5 css3和javascript中使用范围滑块翻转图像？

我正在处理一个项目，我想使用一个范围来旋转图像180度

我很难让范围滑块操作翻转/旋转-需要帮助。 多谢各位

我尝试过许多不同的变体，不同的人使用不同的技术，但是他们使用div，我使用的是image类。 是否可以旋转/翻转图像类

'''

https://codepen.io/lukemersh/pen/EJREaJ

'''

实际结果不会发生。

---

我可以移动滑块，但它不会旋转图像，请帮助。

您的鞋图像id错误，请更改：

document.getElementById('img.shoe')

到

---

“img.shoe”是类shoe图像的选择器，而不是元素标识符。要使用这样的选择器，您需要使用“document.querySelector”

。旋转问题解决了。我真正想让它做的是，当滑块到达滑块的另一端时，它只需将图像翻转180度，但非常感谢您帮助我将其与现有图像进行分类。然后您可以执行类似

value=value>=180？180 : 0;

但是我不明白如果你只是在翻转180度，为什么你需要一个滑块。我希望用户能够看到（假设）鞋子的两面，我认为滑块是个好主意。Ps-我将把那段代码放在哪里？我不擅长JS，这是我的下一个模块。多个Thank。将其作为旋转函数的第一行。它会更改值变量，使其始终为零，除非滑块位于末尾。对不起，我很愚蠢！！你指的是html还是JS或CSS。我只是想了解一下这个高级代码。许多感谢都不会以这种方式设置代码笔链接的格式。插入codepen的链接，然后包含代码中最相关的部分来说明您的问题。

document.getElementById('shoe')