The lava lamp effect was an excellent technique to turn the navigation to a flash like animation. LavaLamp allows you to add nifty background hover effects to HTML lists in combination with the Easing library.
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
Just like jQuery, Mootools also has some nice lightbox clones available. When compared with jQuery alternatives, one option I found to be missing is the ability to resize image according to the browser window.
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.
Agile Carousel is a jquery plugin which enables you to create a custom carousel with many many different transition & easing options. It has lots of configurable options like customization of controls, timer, easing type, transition type etc. It does not require jQuery UI plugin but it is recommended for excellent transitions of slides.
We need to specify a directory where slides are stored. The slides can be (X)HTML, images or flash.
Excellent transition effects
Supports HTML, Flash and images
How it works?
The script works a little differently. It posts the configured options to a PHP file using AJAX. The configurable options specify the slide directories, titles and links. The PHP file parses the options and then it scans through the directory(multiple directories are supported).
Here, I am reviewing three of the lightbox clones.
One problem I noticed with this script is, the images are not centered correctly in some cases (Try with an image that almost fits the browser client area). Also it doesnot support image resize. So if a large image is used, one needs to scroll the window to see the whole image. The good side is, it is very light and configurable. Unlike the others, the lightbox should be invoked for the required elements. So you need to use a simple jquery statement to invoke the lightbox (Very simple and fully documented)
It looks very good. The animations, centering and resizing of images, are perfectly done. The default styles are also fine. One thing I like is, it automatically resizes the image and an icon is shown in the image to expand it to original size (Very good feature, just like Highslide). Also, it is always centered even if the window is scrolled. But here I suggest to use the jQuery easing plugin for better effects.
As we can see, Pretty Photo is the best considering the features. It also supports flash. The default styles are also nice. So in my opinion, it is the best lightbox clone for jQuery. What do you think? Please let me know your thoughts.
A context menu (also contextual menu, shortcut menu and, popup menu) is a menu in a graphical user interface (GUI) that appears upon user interaction, such as a right mouse click. Context menus offer a limited set of items that apply to the current state, or context, of the system or application in which the context menu is invoked
Source: Wikipedia (http://en.wikipedia.org/wiki/Context_menu)
Here is a review of 3 jQuery plugins that can override the browser default context menu with our own context menu.Opera browser doesn’t support custom context menu
ContextMenu by Chris Domigan
It is one of the earliest plugin to show context menu. It is fully customizable and supports callback functionality.
It is a very lightweight jQuery plugin to show context menus (0.6KB when minified). The menu is fully customizable using HTML and CSS.
Ajax file upload plugin allows users to easily upload multiple files without refreshing the page. In addition, you can use any element to show file selection window.
This plugin creates invisible file input on top of the button you provide, so when user clicks on your button the normal file selection window is shown. And after user selects a file, plugin submits form that contains file input to an iframe. So it isn’t true ajax, but brings same user experience.
AJAX like behaviour using iframe technique. (AJAX does not support file handling)
They are jQuery Modal Dialog, jqModal, jQuery SimpleModal
jQuery Modal Dialog
By default it supports 4 types of messages – error, warning, success and prompt. The styles are highly customizable. One feature I liked in this is the built in support for auto close option. It is a very useful feature. For eg: To show a success message for 5 seconds and close the message automatically. Advantages
Supports error, warning, success and prompt messages
jqModal is a plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a “Swiss Army Knife”, and makes a great base as a general purpose windowing framework.