Visual-Blast Media

mooSlideBox 3 - a slider for mootools with support for additional html tags and images that slide from the bottom of the screen upwards. Small and slim ajax based extension or replacement of the common “lightbox”. Works in IE 6/7, Opera and Firefox.

You can define an image, text, heading and additional content to be displayed.

Note: As many users complain that the slider isn’t unobstrusive, there’s a simple solution. Change the effect in the mooslide.js.  Replace the Fx.Transitions.Bounce.easeOut with something like Fx.Transitions.linear.

jQZoom - allows you to realize a small magnifier window close to the image or images on your web page easily.

DEMO -  jQZoom demo page

Easy to implement:

• include the jqzoom.css in your page
• include jQzoom and jQuery code
• assign the “jqzoom” class to the image or images you would like to zoom
• Load the plugin at window load
• specify options

Download jQZoom v1.2

Full instructions at Mind-Projects jQZoom project page

FancyZoom - Smooth Javascript image zooming. Designed to view full-size photos and images inline without requiring a separate web page load.

• Automatically scales images from any image link, with no HTML changes
• Preloads full-size images in the background on link mouseover
• No resource-heavy Javascript libraries — 100% coded from scratch to zoom
• Draws a nice drop shadow under the full-size image to offset it from the page
• Uses Safari 3’s “box-shadow” feature to draw the drop shadow natively, no images required
• Requires only two new lines of code in your HTML
• Tested and works with Safari, Firefox, IE7, and IE6. (Looks better in modern browsers.)

Free for non commercial use.

Image Menu -  horizontal menu, reveals more of the image as you rollover it.

Rounded Corners - creates rounded corners on divs.

Slideshow - transition between images.  Fade, Slide and Wipe transitions, loops, Play, Stop, Next and Previous controls, Inits from array of image src’s, a list of images on the page or using the href of an a tag like the lightbox.

… Validate, Lightbox, Multibox, Sortable Table, Slider, Page Loader mootools plugin, all at Phatfusion. Enjoy!

Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute.

The tabs can also be trigged via hovering, and need not even look like tabs. You can use images instead of divs, and the “hover” option.

Control.Tabs project page  - Download Control.Tabs 2.1.1

RabidRatings is a simple ratings system which allows users to your website to rate virtually anything, and it’s free. Rabid Ratings Demonstration.

Most AJAX ratings widgets use star and half-star images, RabidRatings uses a reverse alpha-transparent PNG as a background image to achieve infinitely complex precision (ie, 1.23 stars) and robust visual effects with a very low overhead.

*NOTE*: This script requires a strict doctype, unless you don’t care about IE users.

Also take a look at Nick Stakenburg’s Starbox rating system - allows you to easily create all kinds of rating boxes using just one PNG image.

Collection of Sample AjaxControlToolkit TabContainer Themes.

• XP style skin
• Windows Live Gallery Tab Theme
• Technorati Tab Theme
• YUI Tab Theme
• Windows Internet Explorer Tab Theme

Download Tab Container Themes

Tab container themes 

Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript.

Using Shadowbox, website authors can display pictures and movies in all major browsers without navigating away from the linking page.

Supports the following browsers:

• Firefox 1.5+
• Camino
• Safari 2+
• Opera 9+
• Internet Explorer 6+

Shadowbox supports many different media formats via the Flash, QuickTime, and Windows Media Player browser plugins. Windows media files are supported on the Mac via the Flip4Mac QuickTime plugin.

Shadowbox Project page

How to implement an animated sidebar menu using mootools.

You can see how it works from mootools site.

Download source file (18.1 KB) - This pack contains all source code, mootools framework and moofx.js file to enable visual effects.

Article

Videobox is a 6kb script, which shows your videos in the page with an overlay.

Usage:

• Include 3 javascript files to your page
• Include the css file
• Add the rel=”vidbox” to your video page’s link to show video links in Videobox
• add title=”my caption” to add caption to a box