Javascript 如何使用jQuery翻转图像？

我有10-15张图片是根据请求从服务器上传来的，我想使用Jquery对这些图片使用翻转图像效果。

---

任何建议和代码片段都会有帮助。

最简单的解决方案是定义CSS类：

img.flipped {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

然后使用jQuery应用该类：

$(myImageElement).addClass('flipped');

阅读更多：

---

请注意，这在IE8上不起作用。而且我看不到此浏览器有任何客户端解决方案（因为canvas也不可用）。

最简单的解决方案是定义CSS类：

img.flipped {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

然后使用jQuery应用该类：

$(myImageElement).addClass('flipped');

阅读更多：

---

请注意，这在IE8上不起作用。而且我没有看到任何适用于此浏览器的客户端解决方案（因为canvas也不可用）。

这将对您有所帮助。我不明白这里的结尾。看起来真的很随意。。。OP并没有要求提供书籍、工具、图书馆或任何非现场资源。这对你会有帮助的1.我这里没有结尾。看起来真的很随意。。。OP并没有要求提供书籍、工具、图书馆或任何非现场资源。