BOOMCITY.BIZ Demo lightbox gallery.
 |
 |
 |
 |
||||||||||||
 |
 |
 |
 |
||||||||||||
 |
 |
 |
 |
||||||||||||
 |
 |
 |
 |
||||||||||||
 |
 |
 |
 |
||||||||||||
 |
 |
||||||||||||||
Lightbox.A magic solution to image galleries.I downloaded and unzipped the lightbox javascripts and demo version into an appropriate folder on my website. I got all my images I wanted and put them into the provided images folder. Being sure to name them 'image-1.jpg'. I did the same for my thumbnails;'thumb-1.jpg'. Opened up the index.html lightbox provided, and after quickly assessing how it works, deleted all the content in the <body> Added in the elements that I wanted. Put in a heading and a table hold my images. Added and Linked the thumbnail images to thier full-sized counterpart. Here was the 'difficult' part. I went to the code, and in the table code when ever I saw a link (href) to my full sized images I added the line rel="lightbox[Set1]" immediately after the "href" text. Here is an example: <a href="images/image-1.jpg" rel="lightbox[Set1]">
Uploaded all the files and Voila. That was it.
Lightbox Website:
http://www.huddletogether.com/projects/lightbox2/
Additional ImagesMore images from my exploration in DSLR cameras.
|
|||||||||||||||
