Yesterday I put the finishing touches on a website for photographer Caitlin den Boer.  Her company is called Adelita Rose and the website features some neat tricks using Wordpress.

Along with her most recent Twitter tweet, we also automatically show an excerpt from her most recent blog post.  On the home page there is also a slideshow going on in the background.  I wanted the site content to be completely controlled by Caitlin so that meant using only standard Wordpress tools for the post and page editing.  Well, in the newer versions of Wordpress images can be displayed in galleries.  A gallery normally shows up as a series of thumbnails on a page which, while a neat way of showing a collection of images at one time, is not nearly as visually impressive as an auto-advancing, full-framed slideshow.  What I did was I hid the thumbnailed gallery and used Mootools to read in all of the links to the medium-sized images, used AJAX to follow the links and grab the images, stored them in local, hidden divs, and then created a cross-fading array loop of those divs. The effect is seamless and fairly quick.  The bonus is that each of the images is clickable to the full blown image (copyright Adelita Rose, of course).  The portfolio pages use the same tricks.

The contact page is a modified plugin and the music player is a free, Flash-based mp3 player that I have randomly selecting a loop of Caitlin’s chosen music.

The look and feel went through a couple of revisions with Rene Dick at Scout Design to nail down Caitlin’s vision but the end result is awesome.  I’m so glad we were able to deliver a non-Flash product that she can administer that still has that polished look a photographer wants.

Cheers to Caitlin and Rene on a very successful project!

J