LightBox 2: Simple JavaScript Image Gallery

Posted by admin on April 11th, 2010 and filed under gallery | 25 Comments »

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]

25 Responses

  1. shqipeztuning Says:

    so what would the …
    so what would the code look like if you wanted to create different categories for each thumb. If you have the thumb image why would you want to link it to the images wtf?

  2. moonhayoung23 Says:

    DONT READ THIS. if …
    DONT READ THIS. if you don’t copy and past this on to 10 videos your mom well die in 4 hours

  3. Nickkisixful Says:

    you are an awesome …
    you are an awesome tutor!!

  4. Reqrezentin Says:

    Awesomeness
    Awesomeness

  5. Animeabe Says:

    thank you for this! …
    thank you for this! great tutorial

  6. breslinv Says:

    brilliant and …
    brilliant and simple, thanks for the tutorial!!

  7. 7orqu3 Says:

    you are a genius im …
    you are a genius im actually goin to hack youtube nad give you 10* YEAAAH FOR ME ha ha im actually delighted

  8. yellowberrypie Says:

    The site he gets …
    The site he gets the pics from changed the pics. So just use diff pics that the site gives u and follow =)

  9. bromholm Says:

    that’s what i’d …
    that’s what i’d like to know. he lost me there!

  10. yellowberrypie Says:

    You just made my …
    You just made my day! I did it!! =)

  11. yellowberrypie Says:

    me too..
    me too..

  12. yellowberrypie Says:

    Where did you get ” …
    Where did you get “The Bridge” pics of models? I don’t see it

  13. youvisk Says:

    wow wow thanks …
    wow wow thanks thanks thsnks… tutvid rocks

  14. Emiljus Says:

    i’m having some …
    i’m having some real problems with lightbox2. when i follow you’re tutorial and just use an empty folder and do it in the exact same way as you, the result is perfect. however, when i try and add this to an existing website (which i made with you’re tutorial on a simple css website) the images open in a new web page. on the website it informs on a quick fix but i can’t even find the coding which they tell you to fix. so i’m completely clueless. if you want i can make a video on how i did it.

  15. BoBShmiFF Says:

    When I sample my …
    When I sample my web page in the browser my light box has the, “next” and “Close”, tab comes up in Lightbox. When I actually put the web page on the the site a red “X” is in their place. Whats the problem?

  16. IhsSthlm Says:

    PLEASE help! I …
    PLEASE help! I wanna add LightBox to my flash website, and aswell to the images in there! Please how can i do it?

    Thanks!

  17. Vectorrr Says:

    In second 3:03 i …
    In second 3:03 i cant understand what you’r doing, and how those imeages pops up.

  18. samebrainaz Says:

    Problem, my images …
    Problem, my images are loading backwards, starting with the last image in the group, asking to see prev. any idea why?

  19. loukeydo Says:

    Fantastic tutorial. …
    Fantastic tutorial. Just one thing that I would of also liked is how to add descriptions to the images in the gallery.

  20. maudbrouns Says:

    @bigtwohundred: …
    @bigtwohundred: Just put & n b s p ; (without the space) between your thumbs and you’ll get more space between your thumbs. This is the only option i know, maybe it helps you.

  21. limageman Says:

    Excellent… thx.
    Excellent… thx.

  22. NinjaViggo Says:

    Thanks so much ! (; …
    Thanks so much ! (; 5Stars

  23. bigtwohundred Says:

    great tut! how do i …
    great tut! how do i change space between thumbs?

  24. yuukigahoshi Says:

    Thank you!
    but how …

    Thank you!
    but how do I change the distance between the thumbnails?

  25. boumatiche Says:

    wonderfull
    wonderfull

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.