Make a Jquery and CSS3 powered Lightbox Gallery
Learn to make a fully functional lightbox using Jquery with both mouse and keyboard based controls for navigating images.
The thumbnails have cool hover effects with zoom icons added by CSS3 pseudo elements to save on repetitive HTML.
Web Symbols Typeface used for left/right/zoom icons.
7 Comments
(close)Tong
after copy and pasted the codes seems something wrong.How to link with the Jquery? When I clicked the image it doesn’t working. The hover everything just working but the Jquery like not functioning. I need to modify anything or missed something?
Daimonos
Really nice work!Hope you don’t mind if I take some ideas from the code!
Max
Great tut! awesome work! Thanks for sharing!
Andrew
Im having the same issue
Acttoon
Thx to share
But .. There something wrong
Function to open larg img is not work at all.
Nure alam
Good one i thing a new learner helpful to see this coding view.
But I also thing that it was better if take sequence coding.
Thanks.
Ntsakzin
The JQuery doesn’t seem to open the large image.