jQuery - 为jQuery Reel添加处理程序！

Question

您好！

我想使用这个jQuery插件http://jquery.vostrel.cz/reel 我使用缝合的全景。 我工作得很好！

我需要另一个图像动画处理程序，因为我在这个全景图像上有一个透明的div，以获得更酷的方面。

我尝试了所有css技巧但没有运气，处理程序仅在实际图像上激活。 我可以指定另一个div作为处理程序吗？

非常感谢！

Answer 1

我搜索了很多与此非常相似的东西，经过高低搜索后发现了一种方法。

$('#image').triggerHandler('frameChange',1546);

我在卷轴插件中调用了该函数，该插件应该重新定位图像。在#image上启动了卷轴插件之后，我从文档[dot] ready部分运行了这个。

您还可以在插件中创建自定义函数并调用它们（这是我最初在做的事情）

     cleanup.call(e);
    },
    repositionFrame: function(e, newF){
          set(_frame_, newF);
    }
},

并使用

调用它

.triggerHandler('repositionFrame',1546);

您也可以使用

简单地调用该功能

.trigger('repositionFrame');

您可以理解第一个用于传递参数（您必须在函数声明中声明其他变量）

希望这有帮助。

Answer 2

阿德里安，

您可以使用.reel()的{​​{3}}选项。无论通过area提供什么jQuery对象，都会对用户交互变得敏感。

例如，HTML与此类似（图像和文档中任何位置的其他DOM节点）：

<img id="my_image" src="some_image.jpg" ... >
...
<div id="other_div">
   This DIV is also interactive
</div>

包括area选项：

$('#my_image').reel({
    area: $('#my_image, #other_div')
});

通过拖动图像和DIV，可以在用户控制生成的Reel实例（如果需要，它也可以仅设置为DIV）。

快乐的Re丝！