Thursday, June 15th, 2006

Matton Image Lightboxes

Category: Showcase

Matton Images has created an Ajax version of lightboxes. A Lightbox being defined as a place to store images that one might be interested in before purchasing. Traditionally, Lightboxes have been a nightmare to use and manage. Ajax allows our users to quickly add images to a Lightbox, through a drag and drop interface. It also allows our users to quickly rearrange the contents of each Lightbox, again through drag and drop.

Darren Glenister from Matton Images told us:

Janos (our lead developer) had a few problems to overcome in development. The first was allowing the Lightbox drop area to always be visible when the user scrolls. He overcame this by using a “floater”. Here the user can drop images upon the floating layer. The second problem occurred on the Lightbox management page (view my Lightboxes). We needed to allow the user to move images from the bottom of the page to the top. This has been achieved by scrolling the page when the user “moves” an image.

To view the drag and add function, please visit , make a search (within the images section), then pick up a thumbnail image and drop it in the Lightbox area or onto the floating layer if you scroll. The Lightbox management functions can be accessed by clicking the “view my Lightboxes” link. You can move images around, and can also make a direct position “swap” by holding the shift key whilst dragging.

Matton Images

Posted by Dion Almaer at 8:20 am

4.1 rating from 34 votes


Comments feed TrackBack URI

I was confused by this website.
Everything was more complicated than it need to be.

Comment by Dan — June 15, 2006

Very cool! After the first try, I found this drag and drop method very obvious and straightforward.

Comment by Steve — June 15, 2006

Dragndrop onto only a single target seems like an unnecessary use of the paradigm.

Comment by Forsooth — June 15, 2006

This is a function I have been waiting for. I use stock image sites on regular basis, and managing images for multiple clients can be a real chaw. This makes it easy to add images to a lightbox, and then rearrange them. Great work!!

Comment by Callum — June 16, 2006

Is this script downloadable somewhere? This would be very useful to adapt to a project I am working on.

Comment by xxdesmus — June 16, 2006

links for 2006-06-18

微软即将发布iPod的竞争产品 (tags: iPod rival media Player microsoft) 新款Vauxhall装配全景前窗,哦,我的天 (tags: auto car) TechCrunch: Flickr为什么害怕Zooomr? (tags: flickr web2.0 techcrunch photos business news zooomr) å…

Trackback by Plod — June 18, 2006

Leave a comment

You must be logged in to post a comment.