Инструменты JQuery - Вызов оверлея с текстом / ссылкой - Использование атрибута rel?

Question

Я использую инструменты JQuery, расположенные по адресу http://flowplayer.org/tools/index.html

У меня есть этот код ниже, запускающий оверлей

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

Как вы можете видеть, мы используем атрибут rel для вызова наложения с изображением. Я хотел бы назвать оверлей с простым текстом или ссылкой.

В самом низу страницы есть тег сценария, включающий этот

$ (документ) .ready (function () { . $ ( "IMG [отн]") наложение (); });

Я могу предоставить любую другую информацию, которая может потребоваться. Спасибо!

Answer 1

Он может быть вызван по ссылке следующим образом, которое использовалось для изображения:

<div id="triggers">
<a href="#" id="makeOverlay" rel="#mies1">Trigger Overlay</a>
</div>

JQuery:

$(document).ready(function() { $("#triggers a[rel]").overlay(); });

Атрибут 'rel' указывает на идентификатор div, который мы хотим открыть как оверлей

Answer 2

не уверен, если вам все еще нужен ответ, но просто нужно выяснить что-то подобное, и придумал

<a rel="#mies1"> Your text </a>

<div class="simple_overlay" id = "mies1"> Your overlay content</div>

И в вашем разделе JavaScript

$("a[rel]").overlay();

Это работает дляя.

Answer 3

HTML

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

JS

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