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. Tuto Jquery Gratuit : 55 tutoriels Jquery. Tuto Jquery 55 tutorials video Les derniers ajouts Plugin Jquery placeholder tuto gratuit par fr.tuto.com dans tuto Jquery Dans ce tuto Jquery en vidéo, vous verrez comment utiliser le plugin Jquery Placeholder. Ce plugin vous permettra d'utiliser l'attribut HTML5 "placeholder" avec les navigateurs ne supportant pas cet élément HTML 5 de manière native. Créer un compte à rebours avec jQuery tuto gratuit par creatiq.fr 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 grafikart.fr dans tuto 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. jQuery.parallax. Download git clone github.com/stephband/jparallax 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. Tuto Jquery Gratuit : 55 tutoriels Jquery. 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. Gridster.js. 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.
This reaction slowly faded away once the layout became more and more popular when different developers and designers started to create their own script's interpretation of the floating grid layout effect. Not saying it was based on my work or script, because there were a few others that brought a similar layout effect to our attention, but not necessarily distributed as a plugin. In Dec 2008, I decided to wrap the script into a Wordpress theme and release it as a christmas gift to the world. This gained quite a following and the theme was heavily used in 2009 and 2010. Width Default 225px gutter.