Visual-Blast Media

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

Customizable jQuery plugin ScrollTo for scrolling elements or the window itself.

The plugins also supports a hash of settings to customize:

• Axes to be scrolled, ‘x’, ‘y’, ‘xy’ or ‘yx’.
• Animation length (or by default, no animation)
• Easing method
• Whether to take in account, the margin of the target element
• The possibility to add/deduct from the end position a defined amount of pixels.
• If both axes are chosen, whether to animate together, or queue the animations.
• If queing, a callback function to be called after the first scrolling.
• A callback function to be called after the whole scrolling ended.

Visit ScrollTo Project page

MGraph - Ajax based graph, updated to v0.96

New features

• Added Option to draw two or more graphs
• code modified to be more user friendly, and up to date with modern standards

Lightview is a Prototype/ Scriptaculous image viewer with adjustable rounded corners, smart image resizing, build in slideshow and works on all modern browsers.

When you open lightview.js you will see a number of options you can change. Some of those options you can use with Lightview:

• backgroundColor: The background color of the lightview.
• border: Size of the border
• buttons.opacity: Changes the opacity of the buttons inside lightview. Use: { normal: 0.65, hover: 1 }
• effects: By default effects are used when Scriptaculous Effects are available, can also be true or false.
• overlay: Set the overlay opacity, and toggle the overlay using { display: true, opacity: 0.8 }
• radius: The pixel radius of the corners.
• slideshow.delay: The time each image is visible during a slideshow.
• transition: Scriptaculous transition during resizing.
• zIndex: zIndex of the lightview, the overlay has this value - 1.