FancyZoom, a Lightbox alternative which has a Mac-like zoom effect, is now ported to jQuery & Prototype. Best of all, now, they can present any HTML.

They also have some additions to the standard FancyBox like:

• The zoom will close when clicking outside the zoom box area.
• Hitting the esc key will close the zoom window.
• Passing an option of closeOnClick: true into the fancyZoom function will close the zoom when the contents are clicked as well. This works great for image galleries.

Click here for the jQuery version & here for the Prototype version.

Flickrshow is a lightweight, cross-browser JavaScript code that enables you the display your Flickr images as a good looking Ajaxed slideshow.

The script is very easy to install & can be set to show images within Flickr groups, photosets or tag based images.

Flickrshow has a cache system that enables the presentation of images faster. And, presentation can be managed with a play/pause button.

Also, you can easily modify the theme completely via CSS.

P.S. The application requires Prototype & a small part of Scriptaculous library.

ProtoForm is a "very easy to implement’, lightweight (4kb) & unobtrusive form validation & Ajaxed submit solution that depends on Prototype.

It can validate:

• e-mail
• date
• telephone number
• URL

Parameters are mentioned within the attributes like:

<input type="text" id="name_Req" name="name" title="Required! Try again" />

This makes it very easy to implement (a negative point can be requirement to define the ids in a specific way).

ProtoForm also sends data and shows response with Ajax, highlights the form field on focus and on error.

LightWindow is a highly configurable Lightbox (modal window) solution built with Prototype & script.aculo.us.

It can display any media including Flash, Quicktime or an external website. And, it has gallery support with a multi-gallery feature.

The modal window can be custom positioned and it is automatically resized to fit the content.

LightWindow can be re-styled including markup, CSS & animations easily. Besides clicking on the close button & outside of the modal window, ESC key works for this feature too.

ProtoChart is an open source canvas chart library built with Prototype.

This library is highly inspired from Flot, Flotr and PlotKit & it enables us to create different chart types on the fly.

Features of this chart library:

• Line, bar, pie, curve, mix, and area charts available
• Multiple data series on same graph
• Highly customizable legend support
• Customizable grid, grid border, background
• Customizable axis-tick values (both x and y)
• Supports: IE6/7, FF2/3 and Safari
• Even works on an iPhone!

As IE6 does not support the canvas tag, Excanvas library is used for compatibility.

Live search is a great way of improving usability, specially if you have a serious amount of data to search. No going back & further and your users can see the results as they type.

QuickSilver has a great interface which accepts abbreviations as the input like writing wrdprss rather than WordPress.

John Nunemaker had published a QuickSilver style Prototype live search and the ported it to jQuery.

John Resig (creator of jQuery) played with it more and re-ported it to jQuery (which seems to be the final version for now : ) ).

Update (07.08.2008): And a MooTools version of the code.

This is a jQuery plugin which enables you to preload images mentioned in CSS.

It is useful to prevent the flickering & loading period happens when an image is being loaded at rollover states, Ajax loaders, toggle effects & more.

The plugin can pull any image in the CSS independent from the folders they are placed in.

Tip:

Here is a version of this image preloading script ported to Prototype.

DhoniShow is an easy to setup image gallery script built with Prototype & Script.aculo.us.

The transitions between the images can also be updated with simple parameters too.

How to use this image gallery?

• Insert the Prototype, Scrip.aculo.us and dhonishow.js files into your webpage.
• Create a div element with the class=dhonishow and add any number of images inside the div. Like this:

<div class="dhonishow">
  <img src="img/cute_cat.jpg" alt="My cute cat." />
  <img src="img/cute_dog.jpg" alt="My cute dog." />
  <img src="img/cute_hamster.jpg" alt="My cute hamster." />
</div>

Phototype is a client/server-side image manipulation library, based on Prototype and supports all kinds of image manipulations.

How it works?

Clientside JavaScript codes sends the commands to the serverside PHP – GD library image renderer and displays the rendered image.

Using Phototype, you are able to rotate, resize, flip and do some other cool effects to images.

There are lots of JavaScript color pickers which work great but there are few which are similar to the Photoshop’s color picker.

This JavaScript color picker has HSB and RGB options, uses Prototype and compatible with all major browsers.

This script can be a solution for users who are looking for an advanced color picker in their applications.