background preloader

Galeries photo jQuery

Galeries photo jQuery
Image Flow Inspiré du cover flow d'apple. Gère les touches clavier et la molette. Space Gallery Passe à l'image suivante en cliquant dessus avec un fondu et agrandissement. Gallery View Nombreux paramètres, plusieurs affichages possibles : caroussel lighbox Easy Slider Une seule transition : glissement de l'image. Très simple, configurable par css Jquery Cycle De nombreuses transitions entre les photos, assez originales. SuperSized Plein écran JQZoom Zoom en déplaçant la souris CrossSlide Déplacements par zoom dans l'image ou kenburn + transitions par fondus HighSlide Ouvre la galerie dans une boite modale en cliquant sur une image. Très nombreux paramétrages : voir l'éditeur. Gère aussi toutes sortes de boite modale pour y afficher de l'innerHTML, ajax, iframe et flash. Photo Stack Affiche des catégories d'images, et quand on clique sur une ça ouvre le "paquet" d'images correspondante. Voir la démo Thumbnail-Scroller Pas de gestion d'agrandissement de la photo, il faut rajouter une floatbox. Voir la démo

Tuto Jquery Gratuit : 55 tutoriels Jquery Tuto Jquery 55 tutorials video Les derniers ajouts Plugin Jquery placeholder tuto gratuit par dans tuto Jquery Dans ce tuto Jquery en vidéo, vous verrez comment utiliser le plugin Jquery Placeholder. Créer un compte à rebours avec jQuery tuto gratuit par dans tuto Jquery Dans ce tutoriel, nous allons voir ensemble comment créer simplement et rapidement un compte à rebours avec jQuery. Vérification instantanée avec jQuery Dans ce tutoriel nous allons voir ensemble comment créer une interaction entre notre base de données et notre page web, en récupérant instantanément nos données. Plugin Jquery jRumble Dans ce tuto Jquery en vidéo, nous verrons comment utiliser le plugin Jquery jRumble afin de secouer, de faire trembler les éléments de nos pages web. Zoombox V2 tuto gratuit par dans tuto Jquery Dans ce tutoriel vidéo vous découvrirez les nouveautés et les changements qui ont étaient fait sur Zoombox. La fonction .load() avec jQuery Créer votre vCard avec JQUERY

jQuery.parallax Download git clone Instantiation jQuery( '.parallax-layer' ).parallax( options ); What does jquery.parallax do? jParallax turns nodes into absolutely positioned layers that move in response to the mouse. With a bit of CSS you can either set up windows to see these layers through, or leave them free to roam about. The diagram on the right illustrates what jParallax does to the html: and here's a demonstration with some images: More demos demos/index.html demos/stalkbuttons.html - multiple parallax. demos/remotecontrol.html - parallax by remote control. demos/thumbnails.html - beautiful interactive thumbnails. demos/target.html - demonstrates how smoothly jParallax handles window resizing. Using jParallax The default behaviour of jParallax is to show the whole width of a layer in response to the mouse travelling the whole width of the mouseport. There are various ways to style jParallax effectively. Options Layer Options Events

Usage Examples | MaxImage 2.0 Caution: This example is meant for expert users. Remember, with FillElement you can often accomplish an offset scheme very easily... just set your containing element where you want the images to be displayed. Because the first rule of Maximage 2.0 is to try to remain hands off and out of your way, the built in support for offsets have been dropped with version 2.0. This doesn't mean they aren't possible. With a little elbow grease they can still be accomplished (and are better). What I am doing with the below code is creating curtains / offsets that live in front of the slideshow. Once we have our curtains up, the slideshow is still resizing to the full window and we want to have it maximize within the viewable area... our window size minus our offsets. View Example

jquery Slider jquery responsive : SlideMe Par Florian le 14 novembre 2013 SlideMe est un slider jquery responsive qui vous permettra d’effectuer des transitions en CSS3. Il est moderne et s’intègre facilement dans tous les sites grâce à à design très sobre et facilement personnalisable. Carousel responsive jquery : Ownlcarousel Par Florian le 1 octobre 2013 OwlCarousel est un carousel complet et tactile, avec une fonctionnalité originale : pouvoir afficher un nombre de slides différent en fonction du support (desktop, tablette, smartphone) Jquery responsive: NProgress.js Par Florian le 18 septembre 2013 Voici un peut jquery sympathique , qui est un loader responsive facile à mettre en place. Jquery responsive : Least Par Florian le 29 mai 2013 Least est un plugin jQuery permettant de créer un mur d’images responsive avec lazyload. Jquery responsive : Magnific Popup Par Florian le 15 mai 2013 23 Sliders responsive Par Florian le 29 avril 2013 Jquery responsive : Nested Par Florian le 9 avril 2013

Grid-A-Licious Back in mid 2008, I created a jQuery plugin. I named it Grid-A-Licious and described it as, "Divs are placed in chronological order with a special grid" because I had no clue how to explain it better. I used this script a lot and designed many sites with it during 2008. At first, people were very skeptic and confused on how to read the grid, and thought this kind of layout belonged in real papers. In Dec 2008, I decided to wrap the script into a Wordpress theme and release it as a christmas gift to the world. Today this floating grid layout effect is heavily used around the net and there are tons of different variations of the script to download and use. So, why am I continuing developing this? The plugin is totally rewritten and the biggest change since the previous versions of Grid-A-Licious (and other similar plugins) is that the items in the grid aren’t using absolute positioning any more. If this is something you’ve been looking for, go ahead and download the plugin and use it.