background preloader


Overview Cycle2 is a versatile slideshow plugin for jQuery built around ease-of-use. It supports a declarative initialization style that allows full customization without any scripting. Simply include the plugin, declare your markup, and Cycle2 does the rest. Highlights: Supports all browsers Declarative: no scripting needed! How it Works It's very simple really, even your grandmother could use it. Include jQuery and the Cycle2 plugin on your page. Need more details? What's that you say? Responsive Donations Donations are a great way to say "Thank you, malsup". Go ahead, click the button! Please support my open source work while learning from the masters at

Related:  sliders & galleriesslideshowJavaScript

FractionSlider: jQuery parallax Slider Plugin FractionSlider is a jQuery plugin for image/text-sliders. It allows you to animate multiple elements per slide. You can set different animation methods like fade or transitions from a certain direction. Also there are options to specify delays and easing for each element. Sly Introduction Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support. It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything. Dependencies

Simple jQuery Dropdowns There are lots of dropdown menus already out there. I'm not really trying to reinvent the wheel here, but I wanted to try to do something slightly different by making them as dead simple as possible. Very stripped down code and minimal styling, yet still have all the functionality typically needed. Here are the features: Cross-browser compatible (even IE 6)Multi-level and retains "trail"Very minimal styling (easy to adapt)Very minimal JavaScript (short bit of jQuery) View Demo Download Files a free jQuery slideshow by Pixedelic A simple slide This is the "simple anathomy" of a slide: Captions You can add a caption to the slide, just put a div with class "camera_caption" into the div above:

Thriller Movie Typewriter Text Effects with JavaScript If you’ve seen any modern thriller or military-themed films, you’re familiar with text print-outs, which are frequently used to present a new scene or location in the movie. While they are intended to portray high-tech communication, these teletype effects derive from technology nearly 200 years old; today, it’s our goal to recreate them using web technologies. Most of the available scripts to do so are written in JQuery, which really isn’t needed in today’s browsers; instead, I’ll demonstrate a technique using plain JavaScript. Plaintext Start

Nivo Slider™ - Dev7studios jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. The jQuery plugin is completely free and totally open source, and there is literally no better way to make your website look totally stunning. If you don’t believe us, check out the list of features below and you soon will. Beautiful Transition Effects jQuery Image Scale Carousel What Makes jQuery Image Scale Carousel Different? It auto scales the images you put into it to the appropriate height and width keeping their aspect ratio in place. When working with imagery online keeping the integrity of an images aspect ratio is as important as anything else. This is what's so nice about this jQuery plug-in; you don't have to worry about all of your images being perfectly sized for this slider. The jQuery Image Scale Carousel auto scales all of your images making implementation super simple. How does it work?

JavaScript Exercises, Practice, Solution JavaScript is a cross-platform, object-oriented scripting language. It is a small and lightweight language. Inside a host environment ( a web browser), JavaScript can be connected to the objects of its environment to provide programmatic control over them. JavaScript contains a standard library of objects, such as Array, Date, and Math, and a core set of language elements such as operators, control structures, and statements. Core JavaScript can be extended for a variety of purposes by supplementing it with additional objects.