Snap preview amélioré
Par guillaume le vendredi, février 23 2007, 02:20 - Cybercarnet - Lien permanent
Il y a près de deux mois, j'avais installé la fonction «Snap Preview Anywhere» (SPA) sur mon blog (voir mon billet) J'ai rapidement constaté qu'avoir un miniature du site web pointé pour tout mes liens nuisait énormément à la navigation, alors j'ai changé les paramètres : au lieu d'afficher un «preview» pour TOUT mes liens externes, je l'ai affiché que pour ma blogroll. Les instructions sont dans les FAQ du site officiel
En gros, il vous suffit de remplacer la variable «ap=1» par «ap=0» dans le code qu'ils fournissent. Cette opération rend SPA inactif par défaut.
Ensuite, pour activer SPA sur votre blogroll (ou ailleurs...), il vous suffit d'ajouter la classe «class="snap_preview"» dans vos liens, exemple:
<a class="snap_preview" href="http://www.exemple.com">www.exemple.com</a>
Moi qui avait une blogroll dynamique générée par php, je croyait que je devait absolument tout recopier mes liens pour faire une bonne vielle liste de lien statiques, pour insérer «class="snap_preview"» à chacun... Mais aujourd'hui, j'ai compris qu'il y a une astuce, il suffit de mettre ce «class="snap_preview"» dans le div, ou bien le ul qui inclue toute la blogroll pour que ça fonctionne, exemple:
<div class="snap_preview">
<a href="page.html">ce lien aura une image miniature</a>
<a href="page2.html">ce lien aura une image miniature</a>
</div>
<a href="page3.html">ce lien n'aura PAS d'image miniature</a>
Voilà pour les explications... en espérant que cela aide les gens qui on de la difficulté avec les explications officielles (voir les commentaires chez Olivier et Gilles) Au passage, il est aussi possible d'afficher des miniatures pour les liens internes en ajoutant &si=1 à la fin du code (à l'intérieur des guillemets)
Bon, jen vient enfin à mon sujet principal: les améliorations récentes de ce widget. Le 16 février, les utilisateurs de SPA (dont moi
) ont reçu un email annonçant des changements. Suite à des plaintes/commentaires de certains, l'équipe de Snap à ajouté ceci:
- Possibilité de choisir la couleur du cadre de la miniature
- Possibilité d'ajouter son propre logo en bas à gauche
- Option d'avoir un icône à coté des liens de notre site (une petite bulle qui au passage de la souris fait apparaître le preview)
- En choisissant d'afficher cette petite bulle, on peut décider si seule l'icone ou l'icone ET le lien affichent la miniature
Voici l'apparence de mon nouveau module SPA, avec mon petit logo : Lien test. Vous aimez ?
En plus, dans le nouvel interface que voici, en cliquant sur «ADVANCED OPTIONS» on peut choisir de ne pas afficher la barre de recherche (ça prend moins de place
) et de charger les miniatures après le reste de la page (donc l'affichage de la page n'est pas ralenti
)



Commentaires
désolé 1loup, j'ai vu que tu avais laissé un commentaire (j'ai été averti par email) qui s'est encore pris dans les spam... mais je crois qu'il a été effacé par innadvertance :-(
Puisque je peux à nouveau laisser des commentaires, je répète celui qui a été effacé par erreur : Yabon ce billet, je vais pouvoir me replonger dans mon code et faire des simplifications ;-)
Merci d'avoir pris le temps de le ré-écrire :-)
Je suis content que ça puisse servir !!
Des expériences que je viens de mener : le rajout de la "class" dans un "div" fonctionne mais pas dans un "ul".
Oui 1loup, j'ai constaté la même chose, mon blogroll est dans un div... mais j'avais oublié d'éditer mon billet !!
merci pour le rappel !!