How to call lightbox from outstanding link?

Question

Does somebody know, how to call a lightbox from an custom link?

Example:

$('#price1 a').lightBox(); //in the header

Now I want to click a custom link somewhere on the page.

<a href="#" class="price1">Link to lightBox</a>

And images in a div (until link clicked they are not visible)

<div id="price1" style="display: none;">
    <a href="../images/img1.jpg"></a>
    <a href="../images/img2.jpg"></a>
    <a href="../images/img3.jpg"></a>
</div>

Could somebody please help.

Best Regards!

Daniel Hernik · Accepted Answer · 2009-11-24T22:58:05.663

3

You can try jQuery events binding:

$(".price1").bind("click", function() {
    $("#price1 a:first").click();
};

This way, when you click on link with class "price1", jQuery will emulate clicking on first link in div with id "price1".

edited Nov 24 '09 at 22:58

answered Nov 24 '09 at 22:29

Daniel Hernik

321
1
3

where should past this code? in the header? It doesn't work and no errors. – Jooj Nov 24 '09 at 22:44
In the header. Try pasting it just after "...lightbox();" line. – Daniel Hernik Nov 24 '09 at 22:47
OK, sorry for my mistake. See my edit, the thing is you have to click on one of the links in div "#price1" (I choose first one with selector "a:first"), not just on the div. – Daniel Hernik Nov 24 '09 at 22:59

How to call lightbox from outstanding link?

1 Answers1