Un bout de code

Ce script nécessite MooTools 1.2.x

Comme vous pouvez le voir si vous allez sur mon site, ce dernier dispose d’une galerie d’images. Cette dernière permet d’ouvrir une image au premier plan, dans un cadre ayant des dimensions pré-définies mais gardant cependant l’échelle de l’image ouverte.

Et bien en fait, c’est moi qui ai fait cette galerie, tout seul avec mes petits doigts ! Je l’ai utilisée pour mes Activités Professionnelles, demandées dans le cadre de l’examen du BTS Informatique de Gestion.

Le code en lui même n’est pas exploitable comme ça, mais il peut vous permettre d’avoir une bonne base pour créer votre propre galerie un peu plus évoluée (avec une navigation dans les différentes images par exemple ?)

On va donc commencer par le HTML attendu par le script JavaScript qui suit :

Le fichier contenant les balises HTML (clic droit + Enregistrer sous…)

Ce qu’il faut savoir :

• L’attribut « name » sera considéré comme la description de l’image
• La classe n’est pas obligatoire
• L’ID non plus
• Pour éviter des temps de chargements trop longs, il est conseillé d’indiquer un thumbnail plutôt que l’image en elle même…

Le JavaScript maintenant :

Le fichier contenant le script JavaScript (même technique !)

Comme vous pouvez le voir, la fonction open(source, nom) attends deux paramètres.

• Le premier est le chemin de l’image que vous souhaitez ouvrir
• Le deuxième est le nom (et donc la description) de l’image que vous souhaitez ouvrir

Une fois le clic effectué, tout s’ouvre comme prévu ;)

Il ne faut pas oublier d’ajouter une fonction à l’évènement « onClick » sur chaque images, sinon la fonction open(…) ne se lancera jamais. Cette manipulation est inclus dans le fichier JavaScript.

Ce script ajoute une fonction sur l’évènement onClick de chaque élément ayant la classe « galerie ». Cette fonction appelle la fonction open(…) en passant les paramètres qu’il faut !

Ne reste plus que le CSS, que voici :

Le CSS pour la galerie (toujours la même technique…)

Voilà, vous avez tous les fichiers en mains, ils sont normalement assez bien commentés. Mais je laisse quand même une liste de ToDo, parce-qu’il faut bien que vous sachiez ce qui n’est pas optimisé :

• L’emplacement des images et le pré-formatage des noms des thumbnails ne sont pas gérés via des variables, il faut explorer le code pour pouvoir modifier ces paramètres…
• Il n’y a pas de système de navigation (on ne peut voir qu’une seule image, la fermer, et en ouvrir une autre après)
• L’image ne s’affiche que lorsque le chargement est terminé, avant cet évènement, on a un écran noir…

Vous pouvez me laisser vos avis, et dites moi si vous l’utilisez, que je saches si ça sert à quelqu’un ;) Ne me dites pas trop « tu aurais dû mettre ça », je sais très bien que ce n’est pas fini.

Spotify : Everyone loves music

J’arrêtes pas d’entendre parler de ce petit truc là : Spotify. Mais bon, faut être invité, puis bon, ça semble surtout être un truc qui débute encore, qui permet d’écouter de la musique… On en a déjà plein des trucs comme ça, c’est chiant. Deezer est déjà là en plus alors bon, à quoi bon ? Mais à la longue, je me dis que ce serait sympa de l’installer quand même. Surtout que ce fameux Deezer fais des siennes et que je ne peux pas écouter tous les sons à cause d’un bug inconnu. Donc je me lance et je l’installe… et en fait… bah c’est super cool :)

J’avais peur de ne pas avoir accès à beaucoup de titres, et bien c’est plutôt une bonne surprise puisque la plupart des grands artistes sont là. Mozart, Daft Punk, Phoenix, Mickael Jackson, I am : tous les styles semblent représentés. Et la facilité pour trouver un son n’est pas sans rappeler eMule : on tape un mot et on peut voir tous les sons correspondants à ce mot.

L’interface est agréable puisque l’on retrouve tout simplement un sosie de iTunes. Un double click et la musique se lance, et rapidement !

L'interface de Spotify

La grande question qui vient alors : Mais c’est gratuit ? Et oui, c’est gratuit. Aucun frais obligatoire. Par contre, si vous ne payez rien, vous aurez de temps en temps le droit à une petite pub… ce qui n’est pas réellement génant puisqu’il y en a moins que sur une radio. Si c’est pub vous exaspère, vous pouvez payer un abonnement au jour ou au mois. Pour l’instant, sans avoir vraiment fais attention, j’ai entendu une pub (vraiment courte) toutes les trois musiques, ce qui est vraiment loin d’être insuportable.

La qualité du son est, de plus, plus que correct. On se retrouve donc avec une bien belle et bien utile application, qui pourrait donner de bonnes idées à nos ministres qui semblent avoir une pénurie de ce côté là en ce moment (Hadopi, la grande révolution inutile…)

Pour le télécharger, ça se passe donc par ici, c’est simple, c’est beau, et c’est pratique : Télécharger Spotify

Ca m’effraie un peu. Est-ce les utilisateurs de Twitter qui sont pris de cette manie de spammer dans tous les sens, ou alors est-ce qu’ils récupèrent mon ID sur mon blog, est-ce qu’ils se refilent les listes de ceux qui ont fais l’erreur d’accepter une fois ?

Il en est de même pour mon blog qui reçoit plus de 300 commentaires indésirables par jour… C’est quand même étonnant ! Dés qu’on lance un truc sur le net, il faut tout de suite que quelqu’un vienne le pourrir le plus possible. Et après, on entend des gens se plaindre que l’on cherche à créer un cadre juridique autour d’Internet. N’est il pas possible en ce bas monde d’avoir un endroit plein de libertés où tout ce passera correctement.

Alors entre les personnes qui balancent 20 tweets en 1 minutes 5 fois par jour et les 20 invitations de followers bidons par jour, Twitter va-t-il survivre ? Personnellement, je ne resterai pas à utiliser ce service si tout cela ne s’arrange, et j’en serais bien déçu.

Avez-vous ce même genre de problème ? Avez-vous trouvez des solutions utiles ? Que pensez-vous de la tournure que prend le net actuellement ?

Weesk : Social Wallpaper

Vous êtes lassés de ces fonds d’écran de Windows classiques ? Vous recherchez des fonds d’écrans haute qualité ? Et si je vous proposait de trouver ces fonds d’écran et que, en plus, vous avez le droit de les utiliser ? Vous ne volez pas du tout l’auteur !

Weesk.com vous propose des fonds d’écrans de haute qualité, trié et vérifiés par une team active. Tout cela est gratuit et légal. Vous pouvez ainsi faire votre choix parmis plusieurs centaines de fonds d’écran en Haute Définition pour certains. De plus, le site vous propose de redimensionner l’image à la résolution de votre écran, ou même à la taille que vous souhaitez via un outil très bien conçu.

Allez y faire un tour, c’est gratuit ;)

Screenshot d'une image sur Weesk.com