Javascript

Links mit Vorschaubild

Mit dem kostenlosen Javascript- und CSS-Paket Livethumb zeigen Sie zu jedem externen Link auf Ihrer Homepage ein Vorschaubild der verlinkten Seite.

So geht's

Livethumb zeigt verlinkte Webseiten schon vor dem Klick als Vorschaubild
Das Javascript- und CSS-Paket Livethumb erhalten SIe kostenlos über die Webseite livethumb.de. Laden Sie die Datei „livethumb.zip“ unter der Rubrik „Textlinks“ von der Seite auf Ihre Festplatte herunter.
Anschließend entpacken Sie die in der Datei „livethumb.zip“ enthaltenen Skript- und CSS-Dateien in die entsprechenden Ordner Ihres Webprojekts.
Binden Sie die Dateien dann nach folgendem Muster im Header-Bereich Ihrer Seiten ein:
<link rel="stylesheet" type="text/css" href="ihrpfad/livethumb.css" />
<script type="text/javascript" src="ihrpfad/livethumb.js"></script>
Die Text-Links notieren Sie so:
<a class="livethumb" href="http://www.musterseite.de">Text</a>
Allein die Angabe der Klasse livethumb genügt bereits zur Integration des Vorschaubildes. Führt ein Besucher Ihrer Seite nun den Mauszeiger über diesen Link, dann sieht er die Zielseite in einer Sprechblase als Vorschaubild.
Mit einem Backlink zum Anbieter unterdrücken Sie ein Wasserzeichen, das sonst nach 24 Stunden eingeblendet wird.

Verwandte Themen

Mehr zum Thema