Connect with us
Bouygues

Internet

Websnapr transforme votre homepage en vignette

Il y a

le

WebsnaprWebsnapr est un service gratuit qui génère automatiquement et (presque selon la charge du serveur) instantanément une capture d’écran de n’importe-quelle page web au format 202×152 pixels.
Il suffit d’appeler l’URL suivante dans votre navigateur : http://images.websnapr.com/?url=MYURL, en remplaçant bien sûr la variable MYURL par l’adresse du site sans le http:// que vous souhaitez capturer, comme ici par exemple (ce qui donne donc http://images.websnapr.com/?url=www.presse-citron.net), et vous obtenez une jolie miniature, que vous pourrez utiliser pour illustrer vos liens.

Mais le service ne s’arrête pas là : un bout de code javascript vous est fourni pour implanter la fonction directement dans votre site, et là je dois dire que c’est assez sympa : regardez ce que ça donne en survolant ce lien par exemple.
Pas mal non ?
Alors pour installer le bazar :
1. téléchargez ce fichier previewbubble.zip
2. décompressez-le où vous voulez dans un répertoire de votre site (j’ai mis previewbubble.js dans la racine de mon répertoire dotclear et bg.png dans /images/)
3. ouvrez previewbubble.js et mettez le bon chemin vers l’image bg.png à la ligne 10 du fichier (pour moi :/dotclear/images/bg.png car mon index.php est en dehors du répertoire /dotclear/)
4. copiez cette ligne de code dans le header de votre page template : <script type="text/javascript" src="previewbubble.js"></script>
5. ajouter une classe de style previewlink dans vos balises de liens comme ça : <a class="previewlink" href="http://www.presse-citron.net" hreflang="fr">
C’est fait : à vous les zolis liens illustrés au survol du mulot 🙂
Et connaissant la passion des développeurs qui traînent par ici, je ne donne pas longtemps avant que quelqu’un améliore le système afin d’automatiser complètement le processus, pourquoi pas sous la forme d’un plugin Dotclear…

31 Commentaires

31 Commentaires

  1. Christophe

    20 octobre 2006 at 11 h 18 min

    "pourquoi pas sous la forme d’un plugin Dotclear…"

    Je pense que ça va vite arriver. Pour ceux qui sont sous WordPress, un plugin existe déjà : andufo.com/proyectos/wp-w…

  2. Eric

    20 octobre 2006 at 11 h 26 min

    Ben voilà, merci pour l’info Christophe, je n’avais même pas pensé à WordPress 😉

  3. Damien

    20 octobre 2006 at 11 h 43 min

    ah la la, ça a l’air génial. Ca me donne envie de passer sous wordpress ou dotclear… il faudrait que je me lance un jour

  4. Xu

    20 octobre 2006 at 11 h 48 min

    c’est sympa mais sous I.E. 6 (le truc dégueu que qq ignorants utilisent ;)) c’est buggé, léger décalage

  5. Grobigou

    20 octobre 2006 at 11 h 52 min

    Ah ! Ben voilà qq qui a le même problème que moi ! Un décalage !
    Non ?
    comment y remédier ?

  6. Frogz

    20 octobre 2006 at 11 h 56 min

    Ah ouais, exact : décalage. C’est bizarre parce-que j’ai testé ce matin dans IE (et dans Opera) et ça marchait nickel comme dans Firefox.

  7. Eric

    20 octobre 2006 at 11 h 59 min

    Les attributs de style sont dans le fichier previewbubble.js. C’est là qu’il faut faire les modifs pour IE, si quelqu’un a le courage et le temps de s’y coller…

  8. Guillaume

    20 octobre 2006 at 12 h 06 min

    eric, soumets l’idée sur le forum 😉

  9. Damien

    20 octobre 2006 at 12 h 09 min

    euh moi j’ai "thumbmail in queue" quand je veux utiliser quand je veux l’utiliser directement…c normal?

  10. GaKaTaN

    20 octobre 2006 at 12 h 14 min

    "pourquoi pas sous la forme d’un plugin Dotclear…"

    Oh oui, oh oui 🙂 Dans la partie liens ca ferait super 😉

  11. Benjamin

    20 octobre 2006 at 12 h 18 min

    Suis-je le seul à penser qu’il serait utile d’avoir un screenshot à coté de chaque lien dans ses favoris (ça m’éviterais de cliquer sur tous mes favoris juste parce que j’ai oublié le nom d’un site…) ?
    Je rêve d’une extension FF…

  12. webstorm

    20 octobre 2006 at 12 h 25 min

    Excellent !! Merci Eric pour le lien 😉

  13. Damien

    20 octobre 2006 at 12 h 26 min

    ah non c bon en fait, ça marche bien 😉

  14. webstorm

    20 octobre 2006 at 12 h 35 min

    Par contre ce qui m’embete tjrs avec ce genre de service c’est d’être dépendant du site à l’origine du projet…

    Je suis quelqu’un de prévoyant un peu trop parfois 😉

    je m’explique :
    les apercus vignette sont générés dynamiquement en utilisant un script du site images.websnapr.com?url=….

    Et si le site ferme ses portes pour une raison ou pour une autres… tous les apercus que vous aurez plaçé sur vos liens disparaitront…

    Mais heureusement j’ai bien regardé le script et il y a moyen de l’adapter assez facilement (avec surement l’utilisation d’expression régulière) pour afficher des vignettes stockées directement sur votre serveur.

    C’est toujours rassurant de savoir que l’on peut adapter un script en cas de "fermeture" du site proposant le service. 😉

  15. Ced

    20 octobre 2006 at 13 h 45 min

    "instantanément", moui…

  16. Webstorming

    20 octobre 2006 at 14 h 31 min

    Websnapr – Cr

  17. YannickP

    20 octobre 2006 at 14 h 34 min

    Question de béotien, sans doute, mais pourquoi ce format singulier de 202 x 152 pixels? Pourquoi pas simplement 200×150?
    Bonne journée.

  18. webstorm

    20 octobre 2006 at 14 h 35 min

    OUi effectivement c’est pas vraiment instantanée…

    J’ai mis le lien il y a plus d’un quart d’heure sur mon site et le survol affiche tjrs thumbnail in queue…

    Eric juste une petite question :
    c’est normal que l’on ne puisse pas sélectionner des parties de texte sur ton blog ?
    quand je selectionne avec la souris ca me prend des gros blocs et je n’arrive pas à selectionner seulement une partie du texte…

    C’est un peu gênant pour copier l’url de trackback 😉 j’ai du me tapper l’url à la main car impossible de la sélectionner pour le copier-coller

  19. Eric

    20 octobre 2006 at 14 h 45 min

    Ben non ça marche, tu peux bien sélectionne le texte ou le mot que tu veux, faut juste bien viser. Tu utilises Firefox je suppose ?

  20. webstorm

    20 octobre 2006 at 15 h 01 min

    En l’occurence j’utilisais IE…

    et effectivement ça fonctionne parfaitement avec Firefox 🙂

    C’est quand même curieux de ne pas arriver à faire une sélection d’un bloc de texte avec IE… d’autant plus que j’ai testé sur mon site et j’y arrive sans problème

  21. Greg

    20 octobre 2006 at 15 h 03 min

    aaaaaaaaaaa
    Eric et ses plugin dotclear ! lol

  22. Damien

    20 octobre 2006 at 15 h 21 min

    Pareil au taf avec IE6…

  23. Patrick B.

    20 octobre 2006 at 15 h 50 min

    Marche pas…

  24. Laurent

    20 octobre 2006 at 16 h 54 min

    C’est vrai que c’est un longuet a charger…

  25. Bruno

    20 octobre 2006 at 18 h 33 min

    Il y a aussi WebShotsPro.com !

  26. skullpat

    20 octobre 2006 at 21 h 58 min

    Merci pour l’info Eric, c’est toujours aussi plaisant de passer ici !! Bonne fin de semaine (=bon weekend en français métroplolitain) !!

  27. votrewebfacile

    22 octobre 2006 at 14 h 40 min

    c’est nickel sous Firefox et ie.
    Mais il faut effectivement attendre une vingtaine de minutes pour que les images soient disponibles.
    Merci pour l’info !

  28. denis

    22 novembre 2006 at 19 h 25 min

    Je trouve ça assez bien c’est exactement ce que je recherche, mais peut on passer tous les parametres dans un template et lancer les liens avec une base mysql.
    En gros que ce soit dynamaique avec une base de donnée (type annuaire ?)

  29. kouala

    9 août 2008 at 14 h 22 min

    Il y en a plein des services comme ca on dirait

  30. Koobor

    29 août 2008 at 10 h 23 min

    Je soupçonne un click intempestif au mauvais endroit alors que mon browser était figé quelques secondes ou que sais-je… Toujours est-il qu’une malencontreuse manipulation me pourrit l’existence avec… websnapr.

    A chaque fois que je sélectionne un lien dans Firefox, une fenêtre websnapr 2.0 se déroule et un message me dit « Thumbnail has been queued » avec une pub pour http://www.mister-wong.com. Ce message pointe sur le lien que j’ai sélectionné. Je peux déplacer cette fenêtre mais pas la sortir du browser… elle est donc bien intégrée à Firefox et étonnement, je ne trouve personne qui rencontre le même problème.

    Je ne sais absolument pas comment me débarasser de ceci, mon anti-spyware mis à jour ne détecte rien, je ne trouve rien dans la base de registre, j’ai pas encore analysé les fichiers de config de Firefox, peut-être que…

    Si une bonne âme pouvait me donner la solution, ce serait cool.

  31. Le Marroneur

    4 juillet 2011 at 18 h 51 min

    Malheureusement depuis le passage à la version 2.0, les choses sont devenues beaucoup plus contraignantes… Rien que le fait d’imposer le passage à la v2 me semble pas très sain. Une alternative à cette fonctionnalité intéressante ?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Dernières news

Les bons plans

Les tests