Image Gallery with jQuery Lightbox 2 of 3

Loading...

Sign in or sign up now!
Alert icon
Upgrade to the latest Flash Player for improved playback performance. Upgrade now or more info.
11,503
Loading...
Alert icon
Sign in or sign up now!
Alert icon

Uploaded by on May 16, 2010

Host Unlimited Websites For $3.88 ! http://bit.ly/Powweb-Hosting-Sale
Unlimited Hosting, Free Domain, MySQL, PHP, CGI, SSL, FTP, Stats, $150 google adwords, E-Commerce Included, Dreamweaver Ready,
30 Day money back guarantee

This is part 2 here is the link to part 1:

http://www.youtube.com/watch?v=rGPkIM3xM1k


In this tutorial by James at http://www.dreamweavertutorial.co.uk we will be installing a custom image gallery with a layered alpha transparent polorioid effect background image.

We will create the free image gallery with minimal html and css and then attach the image gallery to the jquery lightbox plugin which will animate a larger image into the center stage of your website.

Your website visitors can then click through the images as if they were a slideshow gallery or peruse the images individually.

The image gallery is available for a free download, here is the link to the Dreamweaver Tutorial exercise files:


http://bit.ly/lightbox-gallery-files


This is a great tutorial for learning how to postion elements and for using image gallery scripts.

Follow me on Twitter:

http://www.twitter.com/dreamweaverman


My RSS feed for Dreamweaver Tutorial updates:

http://www.dreamweavertutorial.co.uk/feed.xml

  • likes, 1 dislikes

Link to this comment:

Share to:
see all

All Comments (3)

Sign In or Sign Up now to post a comment!
  • 1 person doesnt like comic sans

  • can you give us link to adobe dreamweaver ? xD

  • for some reason clearfloat doesn't work for me and the image still doesn't fit.. What do I do?

Loading...

Alert icon
0 / 00Unsaved Playlist Return to active list
    1. Your queue is empty. Add videos to your queue using this button:
      or sign in to load a different list.
    Loading...Loading...Saving...
    • Clear all videos from this list
    • Learn more