You might also want to check these posts,

• 10 jQuery plugins for showing image gallery
• Three lightbox clones for Mootools

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.

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

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.

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.

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)

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.

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.

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

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

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

• 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

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 An image gallery is part of the modern web 2.0...
2. Highslide – The best image gallery script? Highslide is a standalone javascript library created mainly for...
3. jQuery and Mootools plugin to show tooltips The tooltip is a common graphical user interface element. It...

Related posts brought to you by Yet Another Related Posts Plugin.

It is fully stylabe using CSS. Menu items can be disabled or enabled using functions.

Related posts:

1. 3 jQuery plugins to show context menu A context menu (also contextual menu, shortcut menu and, popup...
2. Three lightbox clones for Mootools Just like jQuery, Mootools also has some nice lightbox clones...
3. jQuery and Mootools plugin to show tooltips The tooltip is a common graphical user interface element. It...

Related posts brought to you by Yet Another Related Posts Plugin.

Here are some cool color picker scripts that can be used. Some of them are written using plain javascript – means you don’t need any javascript library like jQuery, Mootools. And some of them are written specifically for jQuery, Mootools or Prototype (Here the advantage is a smaller footprint. If you’re already using a javascript library like jQuery or Mootools, use the one particularly written for that library). There are more than 10 scripts to choose from.

Plain Javascript scripts for Color picker

There were lot of scripts using plain javascript. Some are larger in size and some uses a popup window interface which is not Web 2.0 standard (It will be considered as an advertisement popup and will be blocked by most of the browsers). I selected three of them which are smaller in size and has the DHTML style popup or inine popup.

Use any of the following if you are not using a javascript library like jQuery or Mootools.

DHTML color picker from Free-color-picker.com

It can handle web safe colors and grays. Triggering can be customized in many ways. Files can be downloaded separately according to your needs. It also supports popup window. It is a small script – just around 8KB. But if you wan to show more colors, you can’t use it. Also, the license states that it should not be modified and the link to the site should not be altered.

jsColor

jscolor is JavaScript component extending standard form controls of the smooth color pickerpickerize your text fields

It is a good and very easy to use script when you want to show more colors.

Color Jack

It is the smallest of them all – just 3.5KB. Also this site has two other pickers Color Picker v2 and Color Sphere
. Choose one that matches your required style.

Others

• Color Piker by Nogray.com It is a photoshop like color picker

Color Pickers for jQuery

jQuery is a wonderful javascript library and the number of available plugins are growing rapidly. If you’re already using jQuery, choose a color picker from here.

Farbtastic color picker plug-in

Farbtastic: jQuery color picker plug-in

Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element’s value when a color is selected.
Farbtastic uses layered transparent PNGs to render a saturation/luminance gradient inside of a hue circle. No Flash, no pixel sized divs.

Color picker by eyecon.ro

A simple component to select color in the same way you select color in Adobe Photoshop

• Easy to use and looks good
• Powerful controls for color selection
• Easy to customize the look by changing some images

Normal color picker by www.felecan.com

It is a lightweight color picker.

jQuery color picker by Syronex

It is a simple color picker which is useful when you want to show a defined set of colors and the user should select only from them (For eg: To select a theme color in web sites).

Others

• Rudimentary jQuery color picker
• jQuery color picker by intelliance.com

Color pickers for Mootools

Moo Rainbow

mooRainbow is a powerful Javascript color picker that allows you to visually choose and use colors as a real and useful application.

Mootools color picker by Sweetvision.com

The Color Picker displays a Hue selection bar Saturation/Value selection box, Text fields for entering HSV and RGB fields. The dialog for the color picker is drag-able and there are many actions that you can attach function calls to in order to allow your application to respond to events in the Color Picker. The size of the Hue Bar and the SV Box can be set to any size using options. The elements of the Color Picker can be styled to match the design of your site.

It supports two types of interface – a popup layer type and an in-place color picker

Color pickers for Prototype

Color picker by John Dyer

It is a photoshop like color plugin built on prototype library.

Prototype color picker by Myles Eftos

It is a simple color picker which support web safe palette.

Related posts:

1. Most useful prototype / script.aculo.us plugins Prototype is one of the earliest new generation javascript libraries...
2. Improved lava lamp effect for jQuery and Mootools The lava lamp effect was an excellent technique to turn...
3. jQuery and Mootools plugin to show tooltips The tooltip is a common graphical user interface element. It...

Related posts brought to you by Yet Another Related Posts Plugin.

It is available for bot jQuery and Mootools

LavaLamp – Lava lamp for jQuery

• Horizontal and vertical movement supported
• Callback support on completion
• Easing library support – Can use any supported animation
• Speed can be adjusted

Don’t forget to checkout the different easing effects (On top of the demo page)

Fancy Menu – Lava lamp for Mootools

Also, check the Barack Slideshow plugin based on the MorphList plugin for Mootools.

Related posts:

1. Three lightbox clones for Mootools Just like jQuery, Mootools also has some nice lightbox clones...
2. jQuery and Mootools plugin to show tooltips The tooltip is a common graphical user interface element. It...
3. Sexy Alert Box for Mootools It is an excellent script to replace the javascript...

Related posts brought to you by Yet Another Related Posts Plugin.

It works on Mootools.

Features

• Multiple file upload support
• Filter files by type in file selection dialog box
• Shows file information before upload
• Can cancel running uploads
• Unobtrusive – The flash is replace once it is loaded.
• Customization

This requires Adobe flash player 9.0 or above.

Related posts:

1. jQuery Ajax File Upload Ajax file upload plugin allows users to easily upload...
2. Three lightbox clones for Mootools Just like jQuery, Mootools also has some nice lightbox clones...
3. 10 Mootools plugin for showing image gallery In the previous post, I discussed about jQuery plugins for...

Related posts brought to you by Yet Another Related Posts Plugin.

You might also want to check the following post

Which is the best lightbox clone for jQuery

Milkbox

One thing I particularly liked in Milkbox is the ability to show slide shows. An interval can be specified.

Slimbox

It is a very lightweight script – just around 4KB.

tr>

Lightbox by phatfusion

One interesting feature is the ability to specify the DIV element that should contain the background (The background layer). So the effects can be either applied to the whole body or to a particular DIV element.

Related posts:

1. Which is the best lightbox clone for jQuery ? Lightbox is a script made by Lokesh Dhakar which is...
2. 10 Mootools plugin for showing image gallery In the previous post, I discussed about jQuery plugins for...
3. Improved lava lamp effect for jQuery and Mootools The lava lamp effect was an excellent technique to turn...

Related posts brought to you by Yet Another Related Posts Plugin.

The tooltip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a small “hover box” appears with supplementary information regarding the item being hovered over.

Source: Wikipedia (http://en.wikipedia.org/wiki/Tooltip)

Tooltips are nice way to show small bits of information to the user. The main advantage is it doesn’t drive the traffic away and at the same time we can show necessary information to the user.

I have listed 3 plugins for jQuery and 2 for mootools.

For jQuery,

Tooltip plugin by bassistance

It is one of the first and best tool tip plugin for jQuery and now it is in version 1.3. It is highly customizable and recommended. The positioning of tool tip is adjusted automatically.

Don’t forget to checkout all the demos. It includes many examples

jTip

jTip pulls content into a tool tip using the HttpXMLRequest object. By adding a class attribute value of “jTip” to a link element you can create a tooltip from the content found in the file the href is pointing too. Also jTip can be customized by providing user defined widths (defaults to 250px wide) via a url query string. The height is liquid and stretches to match the content that fills the tool tip. Additionally it’s possible to provide a link (via url query string) to a jTip tool tip link element (a href) so that the link will still function as expected by the user. See the Yahoo link in the demo for a working example.

It is from Cody Lindley who is also the author of the famous thickbox. Unlike many other tooltip plugins, the cotent is fetched from the url not from the title attribute. This is useful when you want to show more information.

Please check the HTML source code to get a good idea about jTip

BeautyTips

Beauty Tips was written to be simple to use and pretty. All of its options are documented at the bottom of the jquery.bt.js file and defaults can be overwritten globally for the entire page, or individually on each call.

By default each tooltip will be positioned on the side of the target element which has the most free space. This is affected by the scroll position and size of the current window, so each Beauty Tip is redrawn each time it is displayed. It may appear above an element at the bottom of the page, but when the page is scrolled down (and the element is at the top of the page) it will then appear below it. Additionally, positions can be forced or a preferred order can be defined.

For Mootools,

The default Mootools Tooltip

In most cases, you doesn’t need another tooltip. The one included in mootools library is enough most of the time.

It will also work with Mootools 1.2. Please check the Mootools forum for more info

Customizing the Tooltip plugin

David Walsh has an interesting post which describes how to style the tool tip to your own brand style.

Tooltips can also provide another method of website branding. Why throw a vanilla tooltip to the user when you can brand your website?

Open demo | Demo in new window
More Details

Tooltip by HotAjax

It is an advanced tooltip plugin with nice animation. It also supports sticky behavior.

Related posts:

1. 3 jQuery plugins to show context menu A context menu (also contextual menu, shortcut menu and, popup...
2. jQuery plugins to show data in table format or chart format Need to show data in a tabular format or...
3. jGrowl – To show unobtrusive messages jGrowl is a nice way to show unobtrusive messages...

Related posts brought to you by Yet Another Related Posts Plugin.

Advantages

• Nice animation effect
• Customizable
• Good replacement for alert() and confirm()

For demo and download, please check the links
Open Demo (the language is not English) | Open demo in new window (google translated) | Info & Download

Related posts:

1. Three jQuery modal plugins to repace alert and confirm alert() and confirm() are two javascript functions that you...
2. jQuery Impromptu – alert and confirm replacement with form support jQuery Impromptu is an extention to help provide a more...
3. jQuery and Mootools plugin to show tooltips The tooltip is a common graphical user interface element. It...

Related posts brought to you by Yet Another Related Posts Plugin.