JQuery Tools - вызов наложения с текстом/ссылкой - использование атрибута 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"/> 

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

В самом низу страницы их это тег скрипта в том числе это

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

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

Answer 1

HTML

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

JS

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

Answer 2

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

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

JQuery:

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

«отн» атрибут указывает на идентификатор DIV, который мы хотим открыть, как наложение

Answer 3

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

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

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

И в вашем яваскрипта разделе

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

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