Des liens en vignette

Nicolas Chopin 4 septembre 2006 Général 1 commentaire 771 Visites

Voici un petit script pour améliorer le design sur Dotclear, il permet lors du survol d’un lien vers un site d’afficher dans une vignette l’image du site en question.

Très facile à intégrer, il suffit de télécharger ce fichier, le décompresser, uploader (par ftp) les 2 fichiers (arc90_linkthumb.js et linkpic_shadow.gif) dans un dossier de son site puis d’éditer le fichier template.php (si on utilise Dotclear), d’insérer les lignes ci-dessous entre <head> et </head>. Enfin bien renseigner la ligne en rouge pour donner le bon chemin vers le script.

<title>arc90 lab | tools: Link Thumbnail</title>
<meta http-equiv=”Content-Type” content=”text/html;charset=utf-8″ />
<script language=”JavaScript” type=”Text/JavaScript” xsrc=”http://myserver.com/path/to/javascript/arc90_linkthumb.js”></script>
<style type=”text/css” media=”screen”>.arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; } .arc90_linkpicIMG { padding: 0 4px 4px 0; background: #FFF url(/tools/c/images/linkpic_shadow.gif) no-repeat bottom right; }</style>
<script>arc90_linkThumbUseClassName = false;</script>

Il y a d’autres scripts disponibles sur ce site, sous license Creative Commons