Javascript/CSS Lightbox Primer Tutorial

Linux Diskutil Primer Tutorial

Javascript/CSS Lightbox Primer Tutorial

The brilliant Lokesh Dhakar is the inventor of Lightbox which is a small Javascript library allowing for overlayable images on top of the current webpage … told you it was brilliant. Am sure you’ve seen Lightbox, or its incarnations, all over the web. It is the white left and right arrows and the white cross close (button) that give away the style of it. You see a right arrow and a cross in the picture … all right, I apologize apologize apologize for not showing a left arrow … would it help if I said that if you view the live run you will probably glimpse a left arrow … how about you turn your laptop away from you and then as you view it in a mirror it turns out to be a ?!? … “persecution of lefties?!”“no, lefties are great”“have no trouble with lefties”“why, only the other day I passed one in the street”.

Might leave you to read more and try the use of the Lightbox, which uses jQuery. The subject matter is an upcoming tutorial regarding Mac OS X iPhoto application, so I guess this is a sneak preview. When this iPhoto tutorial comes around you’ll see that my homebaked slideshow style is not nearly as Swiss swish. There are a lot of Javascript (and jQuery, and other) front-end geniuses out there, and as we speak, some are too absorbed to realize they should have got off the bus two stops ago.

Happy light-sabre’ing Lightbox’ing!

Here is a link to some downloadable (only useful after Lightbox setup) HTML programming source code you could rename to Mac_iPhoto_Primer.html (but you need the imagery of your own or get these off the web, etcetera etcetera etcetera).

If this was interesting you may be interested in this too.

This entry was posted in Animation, eLearning, Photography, Tutorials and tagged , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>