background preloader

Les meilleures galeries photo jQuery

Les meilleures 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 Related:  jquery

25 jQuery Slider/Image Gallery Tutorials and Plugins This post was originally published several years ago. As technology and trends have changed over the years, the content of the post became outdated. So we’ve updated the post with all new examples that will be more relevant for modern design and development. jQuery image galleries and sliders are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. Fortunately, adding a jQuery gallery does not have to be difficult, even if you don’t have much experience with JavaScript and jQuery. jQuery Image Gallery/Slider Tutorials: Create an Image Rotator with Description (CSS/jQuery) This tutorial by Jake Rocheleau is a re-make of a popular tutorial originally written by Soh Tanaka. How to Create a Simple Multi-Item Slider This tutorial from Mary Lou teaches the process to create an awesome slider that is great for displaying products or other items. Triple Panel Image Slider Building a jQuery Slideshow Plugin from Scratch Gamma Gallery SlideMe

Top 14 jQuery Photo Slideshow / Gallery Plugins | Chicago Web Design jQuery is becoming present in more Web 2.0 sites. jQuery slideshows or galleries take a grouping of images and turn it into an flash-like image/photo gallery. Here is a list of top options available for your website’s photo gallery. Galleria Galleria – Galleria is javascript image gallery written as a plugin of jQuery. jQuery Multimedia Portfolio jQuery Multimedia Portfolio – Display your portfolio items in a horizontal gallery view. Space Gallery Space Gallery – Animate your images and display them as a gallery in space effect much like Apples time machine. Jquery Slider Gallery jQuery Slider Gallery – Rotate your images in similar effect as on Apple’s website. jQuery jsGallscroll Plugin jQuery jsGallscroll Plugin – jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. Jquery Cycle Plugin jQuery Cycle Plugin – The jQuery Cycle Plugin is a lightweight slideshow plugin. EO Gallery Slideviewer

Apprendre et comprendre jQuery – 1/3 • Tutoriels jQuery Tutoriels jQuery Introduction rapide et en douceur à l’utilisation d’une des bibliothèques JS à la mode. Ou comment ajouter une couche d’interactions simplement et proprement à vos pages. NB : ce billet sera divisé en trois parties. Publié il y a déjà trop longtemps… Introduction jQuery est une bibliothèque JS développée principalement par John Resig. Par bibliothèque on entend donc un ensemble cohérent de fonctions permettant de s’affranchir des tâches rébarbatives et répétitives de façon uniforme sur les navigateurs les plus courants. Elle est sous licence GPL et MIT, et donc complètement réutilisable sur des travaux professionnels. Les navigateurs supportés sont : Firefox 1.5+Internet Explorer 6+Safari 2.0.2+Opera 9+ La bibliothèque est utilisée par exemple sur des sites comme : DellGoogle CodeDiggNBCAmazonMozillaWordPressDrupalSPIPThe Zend Frameworketc Par ailleurs cette bibliothèque est compatible (elle n’entre pas en conflit) avec d’autres. Pré-requis Bases Appel <! Compression Une fonction etc.

Camera | a free jQuery slideshow by Pixedelic A simple slide This is the "simple anathomy" of a slide: Captions You can add a caption to the slide, just put a div with class "camera_caption" into the div above: <div data-src="images/image_1.jpg"><div class="camera_caption">The text of your caption</div></div> By adding one more class to the "camera_caption" div you can decide the effect of the caption. HTML elements You can also put some HTML elements into your slides. <div data-src="images/image_1.jpg"><div class="fadeIn camera_effected">The text of your html element</div></div> An HTML element can have a class "fadeIn": in this case it will be displayed with a fading effect. Videos To include a video into your slideshow you must put an iframe into one of your slides: As you can see I set the width and the height of the iframe to 100%, so it changes its size according with the size of the slideshows (I mean the iframe, the video in the iframe will mantain its ratio). The "data-" attributes or a particular alignment for one slide only:

10 jQuery Plugins and Techniques for Doing More with Images When we see an image on a web page, it’s second nature for us to move our mouse over it or try to click it. We have come to expect some level of interactivity when it comes to images, especially with modern web design technologies, such as jQuery. If you happen to be working on a project that requires the images to have a little something extra, then jQuery is the way to go. To help you out, we’ve rounded up 10 jQuery Plugins and Techniques for Doing More with Images. Photo Zoom Out Effect Here you’ll learn how to create a simple image zoom out effect with jQuery. jCrop Jcrop is the quick and easy way to add image cropping functionality to your web application. Zoomer Gallery Zoomer Gallery allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them. jQuery Captify Plugin Captify is a plugin for jQuery written by Brian Reavis (@brianreavis) to display simple, pretty image captions that appear on rollover. Sponsor Flip Wall With jQuery & CSS

Pirobox Extended V.1.0. jQuery plugin Hello and welcome, this is an advanced version of pirobox, I implemented a few things more than the previous version. One of the most important things is the ability to open any kind of files, from inLine content to the swf files, from simple images to pdf files. Other things are: automatic image resizing and drag and drop. Browser compatibility = FireFox 2+, Opera9.5+, Chrome, Safari (Mac/Windows),IE 7+. I really hope that my script Pirobox can be fun and usefull for you. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Gallerie jQuery : 20 exemples vous facilitant la tâche Dans le web que nous connaissons aujourd’hui, les galleries dynamiques sont choses communes. Je dirais même qu’il s’agit d’un standard pour un site web d’entreprise désirant afficher leurs produits et services. Pour vous faire gagner un peu de temps dans vos recherches, voici 20 plugins de galeries jquery toutes prêtent à être utilisés pour votre prochain site web! P.S. « Cette liste de galeries JQuery est parue initialement sur le site de webexpedition18.com ». Galerie JQuery Premium Le mot de la fin Une gallerie jquery semble être un «must» pour tous les sites web de compagnies depuis 2009. Rédigé par Louis-Philippe Dea de l’entreprise Guerilla Web A jQuery Plugin For Face Detection On Images As images are clearly a part of almost any web application (user photos, avatars, etc.), analyzing them better will always be functional for users. Face Detection is a jQuery plugin that returns the coordinates of faces in any given image. It uses an algorithm named CCV (a JS file that needs to be included in to the documents as well) and has callbacks on every level. The usage is straightforward, just mention the element to be analyzed and get back the results, nothing complicated.

Related: