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

Question

我正在使用 galleria 1.2.8。 我尝试在 Galleria 加载图像后旋转图像。为此，我正在使用jquery旋转插件（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();
});