{"id":6385,"date":"2014-02-14T05:07:06","date_gmt":"2014-02-13T18:07:06","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=6385"},"modified":"2014-02-14T05:07:06","modified_gmt":"2014-02-13T18:07:06","slug":"javascriptcss-lightbox-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/javascriptcss-lightbox-primer-tutorial\/","title":{"rendered":"Javascript\/CSS Lightbox Primer Tutorial"},"content":{"rendered":"
\"Linux<\/a>

Javascript\/CSS Lightbox Primer Tutorial<\/p><\/div>\n

The brilliant Lokesh Dhakar<\/a> is the inventor of Lightbox<\/a> 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<\/a> 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?!”<\/b><\/i> … “no, lefties are great”<\/i> … “have no trouble with lefties”<\/i> … “why, only the other day I passed one in the street”<\/i>.<\/p>\n

Might leave you to read more and try the use of the Lightbox, which uses jQuery<\/a>. 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<\/strike> 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.<\/p>\n

Happy light-sabre’ing<\/strike> Lightbox’ing!<\/p>\n

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

If this was interesting you may be interested in this<\/a> too.<\/p>\n