This site requires the latest Flash plugin for the content to run. Click here to download the latest plugin from Adobe.
Cyber Aspect -dot- Com : Publishing opinion on the net since 1999Cyber Aspect -dot- Com : Publishing opinion on the net since 1999
we recommend
Quality website design and development services that WORK!  fx digital offer a quality service at an affordable price @ www.website-designs.com
  feature article
  [ articles ]
 

Inspirational Galleries with a twist of Ajax
Julie Smyth : Oct, 2007

Recently, we were looking at designing yet another image gallery and wanted to go beyond the stock standard and try something completely different. Looking for inspiration on the Internet Ajax was mentioned again and again and I was pleasantly surprised at what's already out there. Let's take a look at some inspirational galleries with a twist of Ajax.

LightBox2
We were pointed in the direction of Lightbox2. Lightbox is an Ajax application which utilises JavaScript and CSS to build a pretty impressive and flexible Gallery. It is available free for download from the author's site, although he does, quite rightly, ask for a donation for it's use. What you do in that regard is up to you but it is definitely worth a token payment at least.

You download the source files which consist of the various JavaScripts, the CSS file, some examples images and a HTML file which explains how to put it together and customise your gallery. This isn't rocket science, it's a fast and effective way to put a gallery together because all the hard work is done for you.

Let's take a look at an example gallery from Lightbox2 ... try clicking on one of the images below and then make sure you mouseover the top left and right corners to view the other images in the gallery:

Pretty slick eh. You can customise the colour of the translucent background and the lightbox colour itself, change the images used for Prev / Next / Exit and just about anything really. I like the way different image sizes can be used and the way it's so easy to pop into an existing page.

HoverBox
While I was googling Lightbox I came across another interesting gallery example which you can download here ... the author of this one says he was inspired by Lightbox but wanted to make something without JavaScript ... the result is below.

I like this gallery alot as well. It's different, it works in IE and Firefox and there's no additional code other than CSS needed. So, it may not have any Ajax but it was definitely inspired by Ajax ... Inspired programming.

EO Gallery
Another Google find was this cool gallery which uses jQuery and Thickbox and you can download the code from the author's site here.

What this gallery has going for it is slick good looks, compatibility with Strict xHTML 1.1, Internet Explorer 6 and 7, Firefox and, according to the author, works with non-CSS and non-Javascript browsers as well. For me, there's more to customise and more room to place text content and it's easy to plonk into a page. Plus plus plus.

Magic Image Rotation
Another JavaScript gallery ... this one is a smooth and functional auto-rotating image gallery or if you prefer a slideshow type gallery ... code is downloadable from the author's site here. The script is free to use but the author requires that you keep his copyright in the header ... which is fair enough in my opinion.


It's a script that is customisable to suite your images and pops nicely into an existing page. It's free and each image can have a link and title attached to it without the need for the page to be refreshed. Very nice.

To close:
Wandering around I found some other great galleries which aren't included here for a number of reasons and I also found some bad galleries which are better left buried. I'm thankful to the good souls who have posted their wares for free and I'm thankful also for their innovation and expertise and for pushing the envelope. The Internet can be a wonderful place to live sometimes. 
 
we recommend
Have a cutting edge, state of the art website today, with no large financial outlay. Rent a Website from fx digital @ www.fxdigitaltemplates.com