mediabox

There, I fixed it

A small apology to web developer Josh Lockhart, who was kind enough to comment on a recent post. I’ve tweaked the order of my new blog pages a little and in the process, seem to have broken the path to the off-site commenting system.

It doesn’t look like I can easily restore the comment so for sake of completeness I’m quoting it here:

“I have posted several tutorials that demonstrate how to integrate PrettyPhoto on a Styled Text or HTML page in RapidWeaver. I also posted a tutorial showing how to convert a RapidWeaver Photo Album into a PrettyPhoto lightbox gallery.

Links are:

http://www.joshlockhart.com/index.php/tutorials/article/convert-a-rapidweaver-photo-album-into-a-prettyphoto-lightbox-gallery/

http://www.joshlockhart.com/index.php/tutorials/article/flex-how-to-use-the-built-in-prettyphoto-lightbox-styed-text-page/

http://www.joshlockhart.com/index.php/tutorials/article/flex-how-to-use-the-built-in-prettyphoto-lightbox-html-page/

Best, Josh”

To which my reply was:

Josh, many thanks for this. I've watched your tutorials and found them really helpful in getting Mediabox running, and actually, it was from these tutorials that I learned about PrettyPhoto. Trouble is, I'm such a novice that I still haven't figured out how to get it working - I'm sorry to say that I'm not sure where to put the code, except partly by trial and error. Your theme Flex, with the built-in jQuery javascript library is a great solution I think. Hmm, maybe I should try it... Oh, by the way, I really like your Silk theme too. Are you planning to add any of the extra 'flexibility' of Flex to it? That would be great. BW Miki

Look. I know nobody cares, but I feel better, okay?

Mediabox for RapidWeaver made easy


Mediabox is a neat bit of javascript that enables lightbox functionality within web pages. I was scratching my head trying to figure out how to make this work in my RapidWeaver site as I am still at the bell-end of the coding learning curve. I wasn’t getting very far without clear instructions for RapidWeaver.

But thanks to Christoph Richardet of
Rapid Ideas, implementing Mediabox in a RapidWeaver theme just got very easy, as he has recently posted a link to a set of file sources, a snippet and a manual in the RapidWeaver forums. Download this and you can have images, streaming video or even other web pages overlay over your web page when you click a link. Perfect for noobs like me.

There are several ways to achieve the overlay function (not all of them capable of more than displaying images), such as Lightbox, Greybox and Slimbox, to name just three. As I get a bit more proficient, I’d like to try PrettyPhoto, which suits my current theme better and generally looks, well, pretty, but I’m running up against the same problem of not-quite novice-proof enough guidance on how to make this work with Rapidweaver. Hopefully, someone will provide a downloadable set of files to make this as easy as Christopher has done with Mediabox. Any takers?