10 Mootools plugin for showing image gallery

March 3, 2009 by admin · 8 Comments
Filed under: Galleries, MooTools 

In the previous post, I discussed about jQuery plugins for showing image gallery. This time, I checked for Mootools alternative. Like jQuery, I was able to found gallery plugins which have similar functionality. Listing 10 of them. Pick one that suits your need.

You might also want to check these posts,

E2 Photo Gallery

It is a simple and easy to use (provided, you’re using PHP) gallery plugin which supports thumbnail images with carousel view. It is supplied with a php file which can scan a specified folder for images and it can create the gallery automatically.

Dependencies MooTools 1.1
Size Less than 5KB
Restrictions None
Demo Open | Open in new window
Download Open in new window

JSGallery2

It is a simple gallery plugin with support for thumbnails with paging. The transition effects are simple. The latest version is based on MooTools 1.2. There is also an older version for MooTools 1.1

Dependencies Mootools 1.2
Size Less than 14KB(Uncompressed)
Restrictions None
Demo Open | Open in new window
Download Open in new window

Image Gallery by TutorialDog.com

It is a light weight plugin which supports thumbnails and image captions. As it uses a carousel like view for thumbnails, it can be implemented in less space.

Dependencies MooTools 1.2
Size Less than 4KB(Uncompressed)
Restrictions None
Demo & Download Open | Open in new window

noobSlide

NoobSlide is a multipurpose script which can also be used as a gallery. Lots of different styles are supported. It can also be used as a content slider. The animation is also good. There are lots of examples provided in their site. You can also find a version for MooTools 1.1.

Dependencies MooTools 1.2
Size Less than 3KB(Compressed)
Restrictions None
Demo & Download Open | Open in new window

UvumiTools Gallery Plugin

It is an unconventionally styled gallery. Thumbnails are listed with a zoom effect on hover. Once you click the image, the view is switched to a 3d looking carousel of thumbnails + the main image. The animations are also good.


Features

  • Automatic resizing of images
  • Handles broken image links
  • Mouse wheel scrolling
  • Support for captions with animation effect (Fancy Caption)
Dependencies MooTools 1.2
Size Less than 17KB(Compressed)
Restrictions None
Demo & Download Open | Open in new window

MooPix

MooPix is a script that is specifically written to handle Flicker images. There is support for a slide show mode and thumbnail mode.

MooPix isn’t a slideshow, it’s a way for you to access your public Flickr photos without doing PHP, Ruby, or Python situps.

Dependencies MooTools 1.1+
Size Less than 2KB(Uncompressed)
Restrictions None
Demo & Download Open | Open in new window

PhatFusion Slideshow

This is one of the earliest image galleries available for MooTools. Still it is a neat looking gallery with thumbnails and slide show mode.

Dependencies MooTools 1.1+
Size Less than 13KB(Uncompressed)
Restrictions None (MIT)
Demo & Download Open | Open in new window

MooFlow

MooFlow is a script that emulates the famous CoverFlow of Apple’s. Interestingly it supports full screen option like a flash player which fills the browser viewable area. Mouse wheel and keyboard navigation is supported.

Features

  • Easy to setup
  • Automatic resizing of images with full size viewer (popup)
  • Fullscreen option
  • Reflections
  • Can run multiple instances in same page
Dependencies MooTools 1.2
Size Less than 13KB(Uncompressed)
Restrictions None (MIT)
Demo & Download Open | Open in new window

Slideshow 2

It is an advanced imaged gallery with excellent transition effects. It supports cross fading of images and Ken Burns effect. The scripts are separate for core functionality and different transitions so that you only need to include the transitions you want.


Features

  • Excellent transitions – cross fading & Ken Burns
  • Good styles
  • Slideshow mode
  • Auto scrolling thummbnails (Examples for vertical thumbnails provided)
  • Support for image caption
  • Lots of examples provided
Dependencies MooTools 1.2
Size Less than 35(Including core 26KB (Uncompressed) and transitions)
Restrictions None (MIT)
Demo Open | Open in new window
Download Open in new window

SmoothGallery

It is another excellent script which can be used to show image galleries as well. The thumbnails are shown inside the images and auto scrollable. In the new version transition effects are also supported.

smooth gallery

smooth gallery


Features

  • Controls & thumbnails are placed inside the main image, which enables it to be placed in a small area.
  • Auto scrolling thumbnails
  • Image Caption
  • Images are linkable, which makes it suitable for a featured content gallery
Dependencies MooTools 1.2
Size Less than 24KB
Restrictions None (GPL)
Demo Open | Open in new window
Download Open in new window

Conclusion

When comparing features, Slide Show2 is the best script for showing an image gallery. It supports different types of transitions, customizable options and provides a lot of examples in their website.

Smooth Gallery is also good. It takes less space in a web page and can be used as a featured content slider.

Mootools Vs jQuery
In the previous post, I’ve listed 10+ image gallery plugins for jQuery. Finding plugins for both jQuery & Mootools is a fairly easy job. Also, both libraries have plugins which matches in functionality. So I think, it is just a matter of choice. If you are comfortable with jQuery use it, or use Mootools otherwise.

Anyway, I think Slideshow 2 & Smooth Gallery are excellent scripts which lacks alternative in jQuery. jQuery has CrossSlide which has transition effects similar to Slide Show 2, but it is not complete as a gallery plugin as Slide Show 2 is. And for Smooth Gallery, I couldn’t find a jQuery alternative. Hope someone will port it to jQuery.

Edit: Links corrected, missing image for Smooth Gallery added

Related posts:

  1. 10 jQuery plugins for showing image gallery
  2. Highslide – The best image gallery script?
  3. jQuery and Mootools plugin to show tooltips
  4. Three lightbox clones for Mootools
  5. Image Flow 0.9

If you like this post, please share it so that others can also find this

Comments

8 Responses to “10 Mootools plugin for showing image gallery”
  1. dashuai says:

    useful post

    thanks!

  2. rafael says:

    Thanks for the really great and useful Informations. Greetings from Kazakhstan!

  3. Hi.
    Thanks for this post
    I have been looking for about 1 hour for a simple mootools gallery, and no luck. I wonder why mootools is not as popular as jQuery ?
    It is just as good if not better… ?

  4. johanna says:

    Thanks for publishing these, a real time saver…

  5. kunal says:

    hi..thanks for this wonderful post.and collections.but i want to use slideshow 2 in my website..but demo contains the image(design) panel in which the images are being displayed..HOw can i get that type of thing..i want the same thing..Images being displayed in the frame..can u help me..my mail id is:
    kunal17patel87@yahoo.in
    Thanks in advance..

  6. I like E2 Photo Gallery but unfortunately it’s for Mootools 1.11

  7. poudro says:

    wow, just discovered this page, “UvumiTools Gallery Plugin” is a huge ripoff with no mention of my gallery at http://scripts.poudro.org/superGallery/

Trackbacks

Check out what others are saying about this post...
  1. [...] 10 Mootools plugin for showing image gallery [...]



Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!