Inspired by a beautiful design by Mizu Creative, my task was to convert the design into a WordPress based website enabling the client to make edits themselves and insert a series of slide shows with different behaviours. Converting the design into WordPress templates was a breeze, but finding a way to integrate the slide shows proved challenging. My initial thought of course was to use flash, but flash is expensive, annoying, hard to update and quite frankly, I don’t like it. I knew that Tzaddi had recently built a WordPress site where she used jQuery, so I thought I would investigate.
After a couple of Google searches, I found exactly what I needed.
InnerFade by Medienfreunde
The first demo I found was the InnerFade plugin. As the name suggests this plugin allows a series of text or images to fade in and out.
I’m not exactly sure who created this code, because my German is non-existent, but using his/her demo, I found the solution for one type of slide shows and used it on several sections of the Enhance Dental Centre website including this page, where you can see a series of before and after shots fading in an out.
Better Coda Slider by Remy Sharp
The second demo I found was the better coda slider. The aim of Remy‘s demo was to look at the original effect used on the Coda site and improve on it. Once again, using his example and making a few adjustments, I was able to use the code and create a “slider” effect where users can view the various testimonials.
All in all, I’m very pleased with the final outcome of the site. What proved to be daunting and challenging initially, turned out to be fairly simple and I look forward to playing with jQuery on more sites. What are your thoughts?