User Experience
Introducing Wideslide: A jQuery slideshow plugin
On 07, May 2009 | 5 Comments | In User Experience | By Ryan Feeley
A few months ago I was in Patzcuaro, Mexico working again on a website for the Hotel Casa de la Real Aduana. The co-owner, Didier Dorval, is a veteran photographer I met when we worked together at Masterfile. He has taken fantastic photos of the hotel and surrounding area, but when we started to put together slideshows for the site, it became clear that the images would have to be recropped to the same size; much to their detriment. Why don’t existing slideshow solutions handle varying aspect ratios?
To solve this problem, I brought in the big guns, Andrey Petrov, to help me design and build a slideshow plugin for jQuery, demonstrated here using some illustrations of my wife.
Simply include jQuery, the plugin, and create a list of images with the class “wideslide” and you’re off. Want to try it, or try to improve upon it? We open-sourced it.
-
Hey Ryan,
Thanks for sharing Wideslide… (dramatic pause)
Can you please tell me where I can plug in Fullsize (http://www.addfullsize.com)? Somewhere in the wideslide.js?
eyapreciatecha
-
Ah, sorry; I should have looked at it more before crying for help…
Again, thanks for sharing
-
Your wife’s illustrations are beautiful.
-
Your wife’s illustrations are superb! However as a grammer nut, I am compelled to tell you that the text should read illustrations by (not of) my wife.
-
Oh snap Aunt Maggie! Did you just correct my “grammer” with bad spelling?
Submit a Comment
About
I get my kicks designing and testing the users’ experience of software. Notable projects include search interface designs for:
I live with my illustrator wife facing the Greenwood Subway Yard.
Your people can contact my people through the medium of .
I'm active on these social networks:
Comments