Réaliser une galerie de photos avec Fotorama

Posted by & filed under JQuery.

outweb-jquery

Fotorama est un plugin JQuery qui permet de réaliser très simplement une galerie d’images dynamiques. Le plugin permet d’afficher une pellicule de miniatures afin de permettre à l’utilisateur de sélectionner lui-même l’image qui l’intéresse. Le temps du chargement des images, un loader a été mis en place. Le petit plus par rapport à un bête… Read more »

Générer une mosaïque d’images

Posted by & filed under JQuery.

outweb-jquery

Automatic Image Montage est un plugin JQuery qui permet de générer automatiquement une mosaïque d’images, comme vous pouvez le voir sur l’image suivante : Il ne s’agit ici que d’une capture d’un morceau de la mosaïque. Mais il est possible d’en générer avec plusieurs dizaines d’images de différentes tailles. La mise en place, bien qu’un… Read more »

Image interactive avec Image Zoom Tour

Posted by & filed under JQuery.

outweb-jquery

Image Zoom Tour est un plugin JQuery qui permet de faire des images interactives. En effet, le plugin nous donne la possibilité de rendre cliquables des zones d’une image afin d’en afficher dynamiquement une autre. Ceci peut être très utile pour permettre de donner énormement d’informations sous forme d’images au visiteur sans avoir à tout… Read more »

Fenêtres de dialogue JavaScript avec Modialog

Posted by & filed under JQuery.

outweb-jquery

Modialog est un plugin JQuery qui permet de faire des popups « à la twitter » (la transparence en moins) très simplement. N’importe quel évènement peut être le déclencheur (click ou mouseover par exemple). La popup peut contenir tous types de contenus images, boutons, formulaires… On pourrait très bien imaginer y mettre un formulaire de contact par… Read more »

Galerie de photos élégante

Posted by & filed under Autre.

outils

Vous êtes photographe, amateur ou professionnel et vous vous demandez comment mettre en valeur vos photos sur votre site web ? 3D Wall Gallery vous permet de les mettre en page sous forme d’un slider plutôt attractif. Voici comment les images se présentent dans votre navigateur. La barre sur le dessus de la page vous… Read more »

Spriter

Posted by & filed under Optimisation.

optimisation-outweb

Pour faire suite à l’article sur l’optimisation, voici comment gagner du temps sur le chargement des images de vos pages web. En général, les développeurs débutants, ou peu soucieux du temps de chargement de la page, utilisent un nombre conséquent d’images différentes. Chaque image est donc téléchargée une à une lors de l’affichage de la… Read more »

Détecter des visages avec JQuery

Posted by & filed under JQuery.

outweb-jquery

Vous souhaitez mettre en place un système d’avatar sur votre site Internet, et vous souhaitez que l’utilisateur puisse envoyer sa photo, puis puisse la recadrer selon son désir ? Le problème réside dans la détection du visage. Comment faire pour pré-cadrer le ou les visages ? Face Detection est un plugin JQuery qui vous permettra… Read more »

Zoomer sur des images avec Cloud Zoom

Posted by & filed under JQuery.

outweb-jquery

Cloud Zoom est un plugin JQuery qui permet de faire simplement des zooms sur des images. En plus de son style soigné, il propose plusieurs types de zooms, selon l’intégration que vous voulez faire de celui-ci. Voici l’exemple le plus basique, mais aussi le plus commun : Et pour metttre en place cet effet, il… Read more »

Uploader des images grâce à droparea

Posted by & filed under JQuery.

outweb-jquery

Droparea est un plugin JQuery qui, couplé avec du HTML5, permet d’uploader des images sur votre site Internet par simple drag-and-drop. Fini les formulaires L’utilisation du plugin est très simple, comme la plupart des plugin JQuery. <div class= »droparea spot » data-width= »460″ data-height= »345″ data-type= »jpg » data-crop= »true » data-quality= »60″ data-folder= »sample » data-something= »stupid »></div> Au passage, même le fichier upload.php vous est fourni… Read more »