background preloader


Facebook Twitter

Archive » JQuery Gantt Chart. jQuery Timelinr - Créer un slider de timeline avancé avec jQuery. jQuery Timelinr est un plugin jQuery permettant de créer une frise chronologique sous forme de slider dynamique.

jQuery Timelinr - Créer un slider de timeline avancé avec jQuery

Présenter les dates clés d'un projet, d'une entreprise... sur son site n'est jamais chose aisée. Grâce à Timelinr, vous aurez la possibilité de créer en quelques lignes de code jQuery un slider dynamique pour associer vos dates à un contenu. La navigation se fait très facilement entre les dates avec un effet de transition sympa qui donnera tout de suite du style à votre frise chronologique. Le plugin dispose d'une multitude d'options pour personnaliser votre slider à votre guise, comme l'orientation horizontale ... 01. 02. $().timelinr({ 03. orientation: 'horizontal', 05. containerDiv: '#timeline', 07. datesDiv: '#dates', 09. datesSelectedClass: 'selected', 11. datesSpeed: 500,

jQuery Before/After Plugin. About a month ago I was reading the New York Times online and they had an article which showed a road in Brooklyn that had been reconstructed to make it safer and more pleasing to the eye.

jQuery Before/After Plugin

To show the difference in the reconstruction project, they showed a before and after picture using Flash that let the visitor drag a slider over the images, which were sandwiched with one on top of the other, so that you could easily see how dramatic the changes were. I immediately thought that this could be done in JavaScript using jQuery, so I set out to do it. Here’s the result: Pretty slick no? The possibilities for this plugin are endless. Download Go to the Before/After download page What’s So Great About this Plugin? Slick effect, no Flash neededIt’s just 7K (4K compressed)Reusable on multiple containersDegradable. How to Use First, your before and after images must be the same size. That’s it! Options The following options are configurable: Options are added when calling the script: Enjoy! Demos. jQuery Ajax tutorials, jQuery UI examples and more! - The Ultimate jQuery List.

jQuery. Un article de Wikipédia, l'encyclopédie libre. jQuery est une bibliothèque JavaScript libre qui porte sur l'interaction entre JavaScript (comprenant Ajax) et HTML, et a pour but de simplifier des commandes communes de JavaScript.


La première version date de janvier 2006. La bibliothèque contient notamment les fonctionnalités suivantes : Usage[modifier | modifier le code] jQuery se présente comme un unique fichier JavaScript de 247 Kio (92,2 Kio dans sa version minimalisée par la suppression des commentaires et caractères d'espacements. La bibliothèque jQuery peut être appelée de deux manières différentes : via la fonction jQuery, ou $. $("div.test").add("p.quote").addClass("blue").slideDown("slow"); via l'objet $ . $.each([1,2,3], function() { document.write(this + 1); }); Main Page. JQuery File Upload Plugin Script - JQuery File Upload Script - Uploadify. 40 Useful jQuery Techniques and Plugins - Smashing Magazine.

Advertisement Over the last year, Smashing Magazine has evolved.

40 Useful jQuery Techniques and Plugins - Smashing Magazine

We’ve been publishing fewer lists and more in-depth articles about design and Web development. We have invited professionals and high-profile developers to write for us. We’ve been investing more resources in the quality and relevance of our articles. We’ve also explored new formats; and on weekends we’ve been publishing more inspirational pieces, leaving the in-depth articles to weekdays. We’ve tried our best to fuel the growing appetite of our readers for more advanced articles, but recently we’ve been receiving more requests for carefully selected, useful round-ups.

In this post, we present 40 useful but obscure jQuery plug-ins that will hopefully help you improve the user experience on your websites. Tips, Hints, Navigation TipTip jQuery PluginTipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. JQuery Plugins. 10 jQuery Transition Effects: Moving Elements with Style.

Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 10 Brilliant techniques using some jQuery magic to grab the attention of your users with a simple, rich user experience that gets them excited about your website. 1. Fluid Navigation – How to create an informative menu-bar with jQuery & CSS Learn how to create a menu that appears like a standard menu bar in it’s default state, but which on rollover pulls down an information area that covers both the original menubar item and has an expanded section containing the text we want to display. 2.

Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. 3. A simple image slider using HTML/CSS/Javascript. 4. jQuery Quicksand Plugin With Quicksand you can reorder and filter items with a nice shuffling animation. jQuery. jQuery API Documentation. Tutoriel jQuery : Initiation à jQuery.