Milena Meier hat den Service liveThumb zur Verfügung gestellt. Für die saubere Integration in W2D ist es erforderlich Änderungen an den ccml Dateien vorzunehmen.

In der global.ccml definieren wir am Ende die Scripte:

In der navigation.ccml erweitern wir im head unter den anderen Scripts (vor </head> !!):

Dann müssen wir noch die livethumb.js u. livethumb.css in den Design Ordner kopieren, um alles andere kümmert sich jetzt W2D!

Jeder Textlink, den Sie in einem HTML-Absatz mit der Klasse livethumb versehen, bekommt ab sofort automatisch ein Vorschaubild. Der erste Link in dem Beispieltext oben, sieht im Quelltext z.B. so aus:

Als Alternative zum HTML-Absatz kann auch die Datei link.ccml modifiziert werden, dadurch werden alle externen Links mit liveThumb Thumbnails versehen. Als Beispiel dient hier das Design My. Die Bedingung &link.isoffsite:

erweitern wir duch die Klasse "livethumb":

Damit das Aussehen der Links nicht verändert wird, erweitern wir die style_design.css um:

Die Anpassungen der CSS fallen je nach Design unterschiedlich aus.

download liveThumb Script (valide)

Falls dazu noch Fragen auftauchen wenden Sie sich bitte an das W2D-Forum, dort helfe auch ich Ihnen gerne weiter. :)