Imago is a small, simple and easy to use Ajax Image Gallery. Its plain JavaScript (using mootools) and uses no server side scripting. The software configuration is done directly inside the (X)HTML file. Via a plugalbe loading mechanism it can access various gallery definitions and provides a default loader which uses the SimpleViewer gallery.xml format and is therefor compatible. Take a look at the examples and see for yourself what Imago can do for you :-)

For a quick view:

What your gallery to show up in the list? Just drop me a note (jens at codeboje dot de) with the link.

Features:

  • was invented for simple usage
  • suited for small and midsize galleries
  • well designed code and css classnaming
  • easy to customized through pure css
  • plugable gallery loading and therefor not fixed to one gallery definition file
  • a default gallery loader that parses parts of simple viewers gallery.xml, so you can use both
  • build on the mature ajax library mootools
  • flickr support via FlickrViewer or pure Javascript with MooPix
  • Smugmug support

Where to get?
download Imago newest version is 0.5
If you like it or use it commercial, consider a donation :-)


How to use?
It's easy to setup and use. You can either take a look at the samplepage provided in the download or read this section.

  1. Add the scripts and the stylesheet to your (x)html header 

    <script src="scripts/mootools.v1.11.js" type="text/javascript" />
<script src="scripts/imago.js" type="text/javascript" />
<link rel="stylesheet" href="styles/imago.css" type="text/css" />

    Your mileage may vary depending on where you store your Javascript and stylesheet files, but it should look similar to the code above.

  2. Add the following div where your gallery should be displayed 

    <div id="imagogallery" class="imagogallery" >
    this.loader = new GalleryLoader('gallery.xml', 'gallery', "Madeira");
</div>

    Required parameters:

    • loader: Class that loads the gallery definition file, i.e the gallery.xml . See the section below for available loaders

    Optional parameters:

    • prefetching: default is no prefetching at all, use 'thumb' for thumbnail prefetching and 'all' for prefetching the whole gallery (I don't recommend this for larger galleries at the moment as the whole prefetching is still under development)

    Available gallery loaders:

    • GalleryLoader: loads the gallery defintion from a static or dynamically generated gallery.xml file. First parameter is the gallery config filename (gallery.xml or i.e flickrViewer.php), second a base url for the gallery and third the name of the album. The second and third parameters are optional.
    • FlickrLoader: Loads recent images from flickr and is a basic example how to use the pure javascript Integration of flickr using Moopix. You need to configure MooPix properly
    • SmugmugLoader : Loads a smugmug album, first parameter is the album id and set the second one to 1 if you want to show captions

    Some development infos about loaders will folllow, but its simpel anyways. For more flickr functions, just take a look at the provided loader and change the flickr calls and parameters accordingly to your needs. It'd be nice if you share your new FlickrLoader with the Imago community. Thanks.


Terms of Use
Imago may be used in any kinds of personal and/or commercial projects. Redistributed or reselling to other companies or third parties is prohibited. Please ensure that the Imago download link is clearly visible.

If you want to get rid of the download link, take a look at our support us page how you can support further development.

Supporting Tools


Bugreports & Suggestions:
Write a mail to support at codeboje dot de.