View Full Version : call lightbox with JavaScript event handlers
sifaka
01-30-2012, 04:26 PM
I want to call Lightbox with a JavaScript OnClick event. Could you tell me how this is done? I have tried this:
myLightbox.start(document.getElementById('image_2')).apply(document.getElementById('image_2'));
but can't make it work.
Thank you:)
To see the page I'm using this on follow this link:
http://fastngoodwebsites.com/victorian 3/lightbox_test.html
I am trying to make a whole table row clickable to present Lightbox photos.
jscheuer1
01-30-2012, 05:55 PM
That version of Lightbox has no myLightbox. Even if it did, there are no rel="lightbox" links on that page that you could be trying to invoke that way. And you are using jQuery on that page for the slideshow.
So I'd suggest switching to Slimbox2 (also jQuery based) for the lightbox duties:
http://www.digitalia.be/software/slimbox2
Once installed, you can launch a Slimbox lightbox from javascript as described here:
http://code.google.com/p/slimbox/wiki/jQueryAPI#Launching_Slimbox_directly_from_Javascript_code
Slimbox will also launch ordinary rel="lightbox" links in the normal manner.
You only need one copy of jQuery for the page, but I'd suggest updating to version 1.6.4 which can be done simply by changing the numbers in the tag as shown:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
sifaka
01-30-2012, 09:40 PM
Jscheuer1,
Thanks! It works like a charm and is valid XHTML. After putting a css {cursor: pointer;} in the class, the entire table row works like a link that opens a lightbox.:)
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.