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 *