Есть картинка и ссылка
<img src="img.png">
<a href="#" data-reveal-id="myModal">Click here</a>
Ссылка ведет к библиотеке JQuery. При нажатии по ней плавно выдвигается модальное окно.
Я хочу, чтобы это модальное окно выдвигалось при нажатии на картинку.
Это было бесполезно
<a href="#" data-reveal-id="myModal"><img src="img.png"></a>
И при корректировке в JQuery тоже
$('img[src*=img.png]').live...;
$('a img[src*=img.png]').live...;
Код такой
$('a[data-reveal-id]').live('click', function(e) {
e.preventDefault();
var modalLocation = $(this).attr('data-reveal-id');
$('#'+modalLocation).reveal($(this).data());
});
и т.д.
Я озадачен, прошу помощи.
P.S. Можно ли каким-нибудь способом связать картинку с ссылкой через тот же JQuery? Вроде нажимаешь на картинку, а открывается невидимая ссылка.
Чёрт, всё было намного проще. Про a всё ясно, дело было и не в этом.
У меня был ещё один глубокий косяк. Я для одной картинки сразу две функции требовал: открытие модального окна и разворот текста снизу. Я думал, что можно использовать несколько функций.