Autor: Torben Brodt
Ich habe ein JavaScript entwickelt, mit dem ihr die Thumbshots als Linkvorschau nutzen könnt. Das Script reagiert auf das Bewegen der Maus über externe Links und blendet daraufhin unter dem Link eine Vorschau des Screenshots an.
Hier könnt ein Beispiel dafür sehen.
Zuerst müsst ihr definieren bei welchen Links die Vorschau angezeigt werden sollen. Meistens will man die Linkvorschau nur bei externen Seiten verwenden. Dazu stattet ihr alle externen Links mit einer HTML Klasse aus. Im Beispiel verwende ich die Klasse “externalURL”.
Beispiel:
easy-coding.de
Bindet das JavaScript für die Vorschau auf keinen Fall direkt von diesem Pfad ein, sondern ladet es euch stattdessen hier herunter und speichert die Datei dann auf eurem Webspace.
Google, Yahoo & Co empfehlen aus Performancegründen alle JavaScripts erst am Ende der Seite einzubinden. Deswegen solltet ihr den nun folgenden Code direkt vor das schließende Tag einfügen:
"));