background preloader

Jquery plugins

Facebook Twitter

Quicksand, organisez vos données avec jQuery - Megaptery. Quicksand est un plugin jQuery qui permet d’organiser dynamiquement des listes de données.

Quicksand, organisez vos données avec jQuery - Megaptery

Celles-ci sont filtrées et triées avec des effets transition très réussis. Un plugin très pratique pour redonner vie à vos listes de données ! Redonnez vie à vos listes HTML S’inspirant des applications Mac, Quicksand vise à créer une apparence similaire sur des données HTML. Pour ce qui est du fonctionnement, le principe est assez simple. Voici un exemple d’utilisation de Quicksand : la présentation d’une équipe de webagency. Mise en place du plugin Commencez par déclarer une première liste d’éléments identifiée « source ». On ajoute un élément HTML à cliquer pour effectuer la transition entre les deux listes. Il faut ensuite faire appel à la fonction de Quicksand qui passe en paramètre la liste de destination. Et voilà, c’est terminé. Requis : jQueryDémonstration : : MIT/GPL version 2.

DataTables (table plug-in for jQuery) Craftyslide - A tiny jQuery slideshow plugin. Light Trails Bokeh Blossoms Funky Painting Vintage Chandelier Why Craftyslide?

Craftyslide - A tiny jQuery slideshow plugin

Craftyslide was created first and foremost as an experiment, but secondly out of frustration with many plugins being written today. I found many slideshow plugins too bloated for my needs and code supplied was often superfluous and non-semantic. This prompted me to go about writing my own plugin, with the result being Craftyslide. Usage Using Craftyslide on your site is easy. Files to include: Basic initialization: <script> $("#slideshow").craftyslide(); </script> Show CSS. Jquery.ascensor.js. Copyright (c) 2013 léo galley Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

Jquery.ascensor.js

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. jQuery Timeline 0.9.5 - Dando vida al tiempo. Donec semper quam scelerisque tortor dictum gravida.

jQuery Timeline 0.9.5 - Dando vida al tiempo

In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Donec semper quam scelerisque tortor dictum gravida. Supersized - Full Screen Background Slideshow jQuery Plugin. Here it is, all the Supersized documentation you're so eagerly waiting to read.

Supersized - Full Screen Background Slideshow jQuery Plugin

Enjoy. Glossary Getting Started Options Variables Theme API Theme Variables First, you'll want to download the latest version of Supersized. Autoplay fit_always fit_landscape fit_portrait horizontal_center image_protect. Slider Kit, sliding contents with jQuery. As many jQuery plugins, Slider Kit is a subtle combination of HTML, CSS and jQuery.

Slider Kit, sliding contents with jQuery

The jQuery itself won't do any design or CSS. So you'll need to work on a CSS skin to get the design you want. But first, let's see some HTML. HTML elements Slider container CSS class name: [cssprefix]. This is the main container. Content panel CSS class name: [cssprefix]-panel. A jQuery Plugin That Rumbles Elements. About The Plugin jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose.

A jQuery Plugin That Rumbles Elements

It's great to use as a hover effect or a way to direct attention to an element. Please read this before using jRumble. Flashing and flickering objects on the web can be dangerous. The Author My name is Jack Rugile. Like the Plugin? This plugin is free to use, however, if you enjoy jRumble and want to show some support, feel free share it or make a donation. Usage Include jQuery and jRumble Include jQuery and jRumble just before your closing body tag. Initialize jRumble on a Selector and Trigger Start or Stop You can do this in a script tag within your HTML or in an external JavaScript file. // Initialize jRumble on Selector $('#rumble-element').jrumble(); // Start rumble on element $('#rumble-element').trigger('startRumble'); // Stop rumble on element $('#rumble-element').trigger('stopRumble'); Demos.

Typekit. YoxView - jQuery image viewer plugin.