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

Question

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

我有什么想法可以让轮换与 galleria 一起工作吗？

谢谢， 斯文

Answer 1

e.imageTarget 不是 jQuery 对象，它是一个 HTML 元素，根据 docs :

imageTarget (HTML element) The IMG element of the now loaded image before transition.

HTML 元素没有名为 rotate 的属性。您需要将它包装在一个 jQuery 对象中:

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