background preloader

Image, Video, Slideshow

Facebook Twitter

Fancybox - Fancy lightbox alternative. ColorBox - customizable lightbox plugin for jQuery 1.3 & 1.4. A lightweight customizable lightbox plugin for jQuery Fork me on GitHub View Demos Download Released under the MIT License.

ColorBox - customizable lightbox plugin for jQuery 1.3 & 1.4

Source on Github (changelog). Supports photos, grouping, slideshow, ajax, inline, and iframed content.Lightweight: 10KB of JavaScript (less than 5KBs gzipped).Appearance is controlled through CSS so it can be restyled.Can be extended with callbacks & event-hooks without altering the source files.Completely unobtrusive, options are set in the JS and require no changes to existing HTML.Preloads upcoming images in a photo group.Currently used on more than 1.9 million websites. Instructions & Help The FAQ has instructions on asking for help, solutions to common problems, and how-to examples. Usage Colorbox accepts settings from an object of key/value pairs, and can be assigned to any HTML element. Settings Public Methods Event Hooks Hey, Nivo Slider - The Most Awesome jQuery Image Slider. jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market.

Nivo Slider - The Most Awesome jQuery Image Slider

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 The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding. Simple and Flexible Setup The Nivo Slider was designed to be as simple to setup and use as it could possibly be.

Small, Semantic & Responsive The Nivo Slider is also designed to have as small an impact as possible on your page load times, so the packed version only weighs 15kb. Free to Use & Abuse. A jQuery plugin for rendering fast-performing photo galleries. Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth.

A jQuery plugin for rendering fast-performing photo galleries

I am not so great at spelling, and it was much later that I realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains. Features Smart image preloading after the page is loaded Thumbnail navigation (with pagination) jQuery.history plugin integration to support bookmark-friendly URLs per-image Slideshow (with optional auto-updating url bookmarks) Keyboard navigation Events that allow for adding your own custom transition effects API for controlling the gallery with custom controls Support for image captions Flexible configuration Graceful degradation when javascript is not available Support for multiple galleries per page Examples Usage Will Galleriffic generate the slide and thumbnail images automatically? How can I change the number of thumbnail columns? Flip! A jQuery plugin v0.9.9. Flip is a jQuery plugin that will flip easily your elements in four directions.

Flip! A jQuery plugin v0.9.9

Try it How to use? Like every jquery plugin, just chain it: How to change content? Add content params in this way: How to add callbacks? There are three available callbacks: onBefore, onAnimation, onEnd How to revert a flip? There's an "hidden" method called revertFlip: as it says, revert a flip to the previous state $("#flipbox").revertFlip() All options Here are all options available: contentdefine the new content of the flipped box. Supersized - Full Screen Background/Slideshow jQuery Plugin.

jCarousel - Riding carousels with jQuery. InnerFade with jquery. What is it?

InnerFade with jquery

InnerFade is a small plugin for the jQuery-JavaScript-Library. It's designed to fade you any element inside a container in and out. These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation. The call Examples A newsticker (with animationtype: 'slide') <ul id="news"><li><a href="#n1">1 Lorem ipsum dolor</a></li><li><a href="#n2">2 Sit amet, consectetuer</a></li><li><a href="#n3">3 Sdipiscing elit,</a></li><li><a href="#n4">4 sed diam nonummy nibh euismod tincidunt ut</a></li><li><a href="#n5">5 Nec Lorem.

Flash Video Player for the Web. JQuery Cycle Plugin. Check out Cycle2, the latest in the Cycle line of slideshows.

JQuery Cycle Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a "slide". Images are used in these demos because they look cool, but slideshows are not limited to images. Use the Effects Browser page to preview the available effects. For more about options, see the Options Reference page. Frequently Asked Questions Special thanks to Torsten Baldes, Matt Oakes, and Ben Sterling for the many ideas that got me started on writing Cycle in 2007.