Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
JavaScript / DOM / AJAX: Lightbox 2.02 : how to make it close by clicking on the image
Bottom of Page1 to 4 of 4
-
Hello!
As I have little experience with both web design and javascript I was hopping for an advice.
I have finished my first website project (www.mariasvane.dk) where I use Lightbox JS 2.02 to display large pictures in the "presseomtale" section.
The question is how to make lightbox close when user clicks over the image. As the images are large it would be best not to scroll to the close button.
Any help or tips will be greatly appreciated!
Thank you in advance!
Igor Korenev -
I've never worked with lightbox before, so there may be a better way around this, but after taking a quick look at the code in lightbox.js on your site, you can do what you want to do by adding this line of code:
objImageContainer.onclick = function() { myLightbox.end(); }
at the end of the "initialize" function (before the closing "}," on line 307)
You'll probably also want to change the mouse pointer to a hand when you hover over the image so people know it's clickable, so add this CSS to lightbox.css as well:#imageContainer {
cursor: pointer;
cursor: hand;
} -
Thanks John! I will try it today or tomorrow...
-
It works like a charm! Thank you, John!
1 to 4 of 4