LightBox 2: Simple JavaScript Image Gallery

I have received a ton of requests for Lightbox2 tutorials. I have gone ahead and created one using Dreamweaver and by the time you watch this video you will be able to setup and edit your very own LightBox 2 JavaScript Photo Gallery.

Download Lightbox 2 for free right here: http://www.huddletogether.com/projects/lightbox2/

Twitter! http://www.twitter.com/tutvid
Be sure to check out http://www.tutvid.com
Check out the blog @ http://tutvid.wordpress.com

Duration : 0:11:26


[youtube iQyZ3MutAR4]

This entry was posted in picture gallery and tagged , , , , , , , , . Bookmark the permalink.

25 Responses to LightBox 2: Simple JavaScript Image Gallery

  1. suzansa7 says:

    Thank you so much …
    Thank you so much for this Video :)
    My lightbox works great now … so happy

  2. rotebrokurt says:

    your’re freakin’ …
    your’re freakin’ AWESOME!!!

  3. isha7ar says:

    Thank you VERY MUCH …
    Thank you VERY MUCH !!!

  4. glassprison01 says:

    how would i do this …
    how would i do this with video?

  5. tontontuason says:

    Hi Tutvid, you …
    Hi Tutvid, you think you can do a rotating image tutorial like that in Yahoo and MSN?

  6. studioscion says:

    Thank you so much.
    Thank you so much.

  7. scrow9 says:

    Great job on your …
    Great job on your tutorial!

  8. jtornatore says:

    For some reason …
    For some reason when I combined this with my site I the “close” box that would appear in the bottom right isn’t visible. Any idea why that might be?

  9. kennji101 says:

    Heey man, love your …
    Heey man, love your videos. Big fan !! but i have a question, at the bottem of the pictures it says “image 1 of 11″, I want to change those names to my owm, is that posible or ? And again, Love your video´s, you do everything so easy ! BIG fan.

  10. inc2000glw says:

    just save the …
    just save the webpage and u have all of the items already .just remove the extra stuff.

  11. markwaynejones says:

    Love this video, …
    Love this video, you made it so simple for me to create a lightbox, one question though is there anyway to stop the light box from closing if you click outside the image, so that the only way to close the image is by actually clicking the close button at the bottom of the image?

  12. revolutionize017 says:

    what is lightbox …
    what is lightbox btw?

  13. Kermit4Prezident says:

    I see no hot women! …
    I see no hot women!

    I was promised hot women!

  14. giofaz1 says:

    Thanks so much, …
    Thanks so much, this will really help with making my portfolio online I appreciate this a lot! Keep up the good work! Thanks again!

  15. Nedfrenzy says:

    I’m a big fan of …
    I’m a big fan of the tutorials. Now that the basic lightbox stuff is under our belts, any chance of doing a tutorial on how to launch Lightbox from Flash?
    I’ve been mucking around with the code needed to run the thing and can’t seem to connect the AS, HTML and Java dots.

  16. tashtanbelora says:

    u welcome ,i just …
    u welcome ,i just thought to help. sry if it seemed like smarty pants’ advise

  17. chrisowen43 says:

    Another question!, …
    Another question!, I’m relatively new to web design and have been able to get lightbox 2 to work fine in my site. However, what I Don’t know how to do is get lightbox2 to run on a page other than index.html. Is it restricted to the index page? If not, how and where do I edit to make it run on, for example, a gallery.html page? Very grateful for any help.

  18. chrisowen43 says:

    done it, thanks
    done it, thanks

  19. tashtanbelora says:

    if u mean the close …
    if u mean the close button yes u can through Ps or other pic editor, but keep the name of pic same , and size to its really important, im jsut saying if dont know about these kind of things

  20. chrisowen43 says:

    how can i change …
    how can i change the text that appears in the bottom of the gallery winows? Amazing tutorial, wondering for a long time how these were done, have seen them alot

  21. xSolraccarloSx says:

    See… That is just …
    See… That is just f***in’ cool :D

  22. HANGER187 says:

    Awesome as usual …
    Awesome as usual man. Please keep these tuts flowing.

  23. skierplaterandy says:

    WOA this will be so …
    WOA this will be so useful!

  24. knuetzler says:

    Awesome awesome …
    Awesome awesome awesome!!! Thank you so much!

  25. Kivencito says:

    WOW I REALLY LOVE …
    WOW I REALLY LOVE YOU MAN! hahahhahaha