PE

During a recent project I decided to implement an image gallery using jQuery for visual effects. I needed a series of thumbnails that would be clickable to update a full size image using nice fade transitions.

Some Googling unearthed Galleria which looked promising, though upon testing and deploying to a remote site I found it to be a little slow and there were some incompatibility issues with Safari.

Simplified jQuery Gallery

I decided to create an simplified version to cut out the overheads and hopefully speed things up. This relies on a simple HTML <ul> list with embedded thumbnails with title tags to be used for captions - and for the full image a <div> container.

(more…)