javascript - 加载后在gallerio.io中使用javascript旋转图像

Question

我正在使用 Galleria 1.2.8。我尝试在画廊加载图像后旋转图像。为此，我正在使用 jquery rotate 插件（http://code.google.com/p/jqueryrotate/）。我确实附加到“loadfinish”事件，然后执行 e.imageTarget.rotate(90)。然后我收到错误：“TypeError：e.imageTarget.rotate 不是函数”。当我在控制台中执行“e.imageTarget”时，我确实得到了 img 对象，但我怀疑它尚未添加到 DOM 中，这就是它不起作用的原因。我也尝试附加到“图像”事件，但我得到了同样的错误。

我有什么想法可以使旋转与画廊一起工作吗？

谢谢，斯文

Answer 1

e.imageTarget根据文档，它不是 jQuery 对象，而是 HTML 元素：

imageTarget（HTML 元素）转换前现在加载的图像的 IMG 元素。

HTML 元素没有名为rotate. 您需要将其包装在一个 jQuery 对象中：

this.bind("loadfinish", function(e) {
    $(e.imageTarget).rotate();
});