background preloader

JavaScript Tutorial

jQuery: The Write Less, Do More, JavaScript Library CrossSlide - A jQuery plugin to create pan and cross-fade animations CrossSlide is a jQuery plugin implementing in 2kB 1 of Javascript code some common slide-show animations, traditionally only available via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery's animation facility, so it is as portable across browsers as jQuery itself (that is, a lot!) Internally CrossSlide does not rely on lookup tables, building instead a "chain" of functions. CrossSlide can create a few different effects, depending on how it's called. Static cross-fade The simplest effect, a cross-fade between static pictures is just as simple to set up: #placeholder is the block-level element (such as a div ) whose contents will be replaced with the animation. The first parameter to the crossSlide() function call is a dictionary of options. To get the static cross-fade effect you must specify the sleep option, which is the time every image will take on its own, and the fade option, which is the duration of each cross-fade animation between images. Ken Burns effect

10 jQuery scripts to improve your site’s interface | Design daily news With the past years rise of web 2.0, javascript frameworks have developed and made it easy for the average webmaster to make his site more dynamic. One of those frameworks, jQuery, has become extremely popular due to its ease of use and its incredibly light weight. Following are ten jQuery scripts to improve your site’s interface. Thickbox Focus on some content, image or webform, through a modal window. When to use it? Script, demo and documentationWordPress plugin Tabulations Create tabbed views of content. When to use it? Script, demo and documentation Coda slider Create a slider like the one you can see on Coda’s website. When to use it? Script, demo and documentationWP Coda: A great WordPress theme that allows you to easily create a Coda-like website with WordPress. Galleria Galleria is a javascript image gallery written in jQuery. When to use it? Script, demo and documentation jTip Tooltip solution based on jQuery, flexible and customizable. When to use it? Stylesheet switcher When to use it?