JQuery 工具 - 使用文本/链接调用叠加 - 使用 rel 属性？

Question

我正在使用位于 http://flowplayer.org/tools/index.html 的 JQuery 工具

我目前有下面的代码触发覆盖

<div id="triggers">
<img src="http://farm4.static.flickr.com/3651/3445879840_7ca4b491e9_m.jpg" rel="#mies1"/>

如您所见，我们使用 rel 属性来调用带有图像的叠加层。我想用纯文本或链接调用叠加层。

在页面的最底部有一个脚本标签，包括这个

$(document).ready(function() { $("img[rel]").overlay(); });

我可以提供可能需要的任何其他信息。谢谢!

Answer 1

html

<a href="#" id="makeOverlay">Overlay</a>

js

$("#makeOverlay").on('click', function(e) {
     e.preventDefault();
     $("img[rel]").overlay();
});