jQuery - 将处理程序添加到 jQuery Reel！

Question

你好！

我想使用这个 jQuery 插件 http://jquery.vostrel.cz/reel 我使用拼接全景。 我工作一切都很好！

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

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

非常感谢！

Answer 1

Adrian，

您可以使用 .reel 的 area 选项()。无论通过 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）。

快乐卷绕！

Answer 2

我搜索了很多与此非常相似的东西，经过高低搜索后找到了一种方法来做到这一点。

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

我在卷轴插件中调用了该函数，该函数应该重新定位图像。在 #image 上启动 reel 插件后，我从 document[dot]ready 部分运行此命令。

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

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

并使用调用它

.triggerHandler('repositionFrame',1546);

您也可以简单地使用调用该函数

.trigger('repositionFrame');

正如您所理解的，第一个函数用于传递参数（为此您有在函数声明中声明附加变量）

希望这有帮助。