Petit plugin JQuery que j’ai découvert ce matin. Il permet de faire un effet avant/après sur une photo. Simplement grâce à un glisser/déposer sur l’icone permet de déplacer la limite entre les deux images.

Si les explications n’étaient pas claires, tu peux toujours aller voir la démo préparée pour l’occasion. Le plugin JQuery Before After est fluide, l’animation est nickel et l’effet rendu du plugin fonctionne bien. Il peut être utile pour un portfolio pour montrer diverses compétences en retouches d’image par exemple.

Le plugin propose diverses options comme activer une animation au début (le curseur se déplace tout seul), le délai avant le début de cette animation, la durée de cette animation, la présence des liens « show only before » et « show only after ». Enfin petit détail, il faut que les deux images (avant et après) soit de la même taille pour le plugin fonctionne bien !

Demo

Pas encore de billet sur le même sujet !

J’ai eu la chance de participer (en tant que spectateur, nan nan je ne chanterai pas ) à la 11ème édition de Solidays qui s’est déroulé il y a 3 semaines maintenant. Comme d’hab, j’y ai amené  mon appareil photo. 3 jours plus tard et 1 carte SD de 2 Gio remplis, j’ai pu commencer à faire les tri dans mes photos et lancé des scripts photoshop pour refaire les niveaux des photos.

En tout, j’ai pu voir une vingtaine de concert en allant de Moonraisers à Manu Chao en passant par Caravan Palace, les Blérots de Ravel, Alela Diane, Debout sur le zinc ou encore Groundation (et non je ne citerai pas Bénabar…). J’ai surtout été étonné de la bonne ambiance qui s’est dégagé de ce festival. Je n’ai pas vu des gars bourrés partout et ça, ça fait plaisir ! Le beau temps était de la partie également, j’ai pu donc prendre quelques photos de Solidays sous un soleil couchant, il ne manquait plus que la musique romantique (c’était The Do à ce moment-là !).

Après une ultime sélection sans pitié, j’ai ajouté 155 photos (sur plus de 800 à la base ) sur mon compte Flickr. Je te laisse donc avec le diaporama Flickr de ces 155 photos de Solidays 2009 (les photos sont dans l’ordre ante-chronologique…) :

[edit Janvier 2010] Les photos de Solidays sont également disponibles sur Photos de Concert !

Pas encore de billet sur le même sujet !

Je viens d’ajouter à mon compte Flickr une petite quinzaine de photos de mon week-end à Londres le mois dernier. C’est vraiment une ville sympa (je préfère largement Londres à Paris ! ).

Je te laisse donc avec l’album photo Flickr de ce week-end in London !

Pas encore de billet sur le même sujet !

Plugin JQuery que je connaissais depuis quelques temps déjà : Cycle. Cycle est plugin permettant de faire très simplement un diaporama de photos (ou d’images) avec JQuery.  27 effets de transitions sont disponibles avec le plugin de base et encore plus en le couplant avec le plugin JQuery.Easing.

Voir une démo en live du plugin Cycle (tous les effets sont testables directement à partir de la liste déroulante).

demo du plugin JQuery Cycle

Voici donc comment mettre en place le plugin le plus simplement :

On commence par charger le framework JQuery et le plugin Cycle (il faut que ce soit dans cet ordre) :

1
2

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.cycle.js"></script>

Ensuite il faut, dans le code html, insérer toutes les images que l’on veut dans le diaporama. Il faut que ces images soit les une à la suite des autres dans un bloc (<div> de préférence) ayant un id (ici l’id est diapo)

1
2
3
4
5
6
7
8
9
10
11

<div id="diapo">
	<img src="2.jpg" alt="" />
	<img src="3.jpg" alt="" />
	<img src="4.jpg" alt="" />
	<img src="5.jpg" alt="" />
	<img src="6.jpg" alt="" />
	<img src="7.jpg" alt="" />
	<img src="8.jpg" alt="" />
	<img src="9.jpg" alt="" />
	<img src="10.jpg" alt="" />
</div>

Enfin il faut initialiser le plugin dans le code JavaScript de la page (soit un fichier externe soit directement dans la page) en indiquant dans le selecteur l’id du bloc contenant les photos. J’ai ajouté deux attributs : fx qui permet de choisir l’effet de transition (voir la page de démo pour la liste des effets disponibles) et timeout qui permet de définir la vitesse de défilement des photos.

1
2
3
4
5
6

$(document).ready( function () {
	$('#diapo').cycle({ /* #diapo signifie "le bloc ayant diapo comme id" */
    		fx:    'toss', /* effet choisi (voir la liste deroulante ci-dessous) */
    		timeout: 3000 /* temps en millisecondes (ici 2 secondes) entre chaque photo */
    	});
});

Le plugin JQuery.Cycle est disponible en téléchargement ici.

Pas encore de billet sur le même sujet !

J’ai découvert ce site hier soir. Project 7-7 est un projet original. C’est 6 photos géantes (couvrant plus de 3 hectares au total) composé de 4500 visages d’enfant pris en photo derrière un dessin fait par eux-même sur un tableau transparent. Il y a 6 mosaïques de photos,  chacune pour un continent (Amérique du Nord, Amérique du Sud, Europe, Afrique, Asie et Océanie) sur lesquels sont allongés à chaque fois une personne plus agées dans le plus simple appareil (je sais, ma description n’est pas très clair, mais pour comprendre, il faut aller sur le site du projet 7-7 !).

Les photos ont été faites par le photographe belge Wim Tellier pour la Fondation Polaire Internationale. Ces 6 photos géantes seront installées directement en Antartique (à la station Princesse Elizabeth). Des morceux de ces photos (80*80 cm) sont « à vendre », elles sont toutes uniques. Si tu choisis une photo d’un enfant (et non d’un bout de peau), tu recevras également son dessin sur une plaque de plexiglas. Of course, l’argent reçu ira au profit de la Fondation Polaire Internationale.

Le site à proprement parlé est réalisé tout en flash, la navigation entre les photos est original. Le design simple et sobre (noir et jaune) met parfaitement en avant les photos qui sont toutes très colorées.

Pas encore de billet sur le même sujet !

J’avais reçu, il y a quelques temps, un étrange message en Anglais sur mon compte Flickr m’expliquant qu’une de mes photos publiées sur mon compte faisait partie d’une short list (liste restreinte) de photos sélectionnées pour le renouvellement de ce guide en ligne et demandant une acceptation pour utiliser la photo. Ayant répondu trop tard de 3-4 jours, je ne pensais pas avoir de retour.

Ce fut une surprise totale quand j’ai vu que j’avais reçu un nouveau message en me connectant sur mon compte pour mettre plein de photos des concerts de Babylon Circus et de la Rue Kétanou. Ce message me disait que ma photo a été sélectionnée pour apparaître dans le guide de voyage Schmap. La photo est géolocalisée sur la ville d’Auckland et dans le paragraphe parlant de Waiheke Island (petit coin de paradis). C’est donc sur cette page que tu peux voir directement la photo que j’ai prise.

Pour finir, voici la photo en question :

Pas encore de billet sur le même sujet !