|
Wenn Du das Angebot von
Thumber.de auf Deiner Seite nutzen willst, solltest Du einen Backlink in unmittelbarer Nähe des genutzten Angebotes in vorgegebener Form einbinden. Falls Du keinen Backlink einbindest, dann werden alle Thumbshots mit einem Wasserzeichen angezeigt. D.h. alle Thumbshots enthalten in der rechten unteren Ecke den Schriftzug "by Thumber.de".
Unter Backlink einbinden findest Du einige Möglichkeiten wie Du einen Backlink zu
Thumber.de einbinden kannst.
Die Thumbshots erscheinen erst wenn Du Deine Webseite unter MyThumber angemeldet hast!
|
| |
Standard-Thumbshot
|
|
Das folgende Beispiel verdeutlicht die erforderlichen Parameter der Thumbshot-URL:
<img src="http://image.thumber.de/?size=XL&url=http://spiegel.de" />
Der Parameter size gibt die Größe des anzuzeigenden Thumbshots an. Dabei werden folgende Thumbshot-Größen unterstützt:
| S |
S |
100 x 75 Pixel |
| M |
M |
120 x 90 Pixel |
| L |
L |
150 x 113 Pixel |
| XL |
XL |
200 x 150 Pixel |
| XXL |
XXL |
250 x 188 Pixel |
| XXXL |
XXXL |
300 x 225 Pixel |
| Super XL |
SXL |
400 x 300 Pixel |
| Super XXL |
SXXL |
640 x 480 Pixel |
| Super XXXL |
SXXXL |
800 x 600 Pixel |
| Desktop S |
DS |
1024 x 768 Pixel |
|
|
|
| |
| |
3D-Thumbshot
|
| Das folgende Beispiel verdeutlicht die erforderlichen Parameter der Thumbshot-URL:
<img src="http://image.thumber.de/?size=XL&url=http://spiegel.de" />
3D-Thumbshots sind nur für die Premium-Pakete verfügbar!
Der Parameter size gibt die Größe des anzuzeigenden Thumbshots an. Dabei werden folgende Thumbshot-Größen unterstützt:
| S - 3D Rechts |
S3DR |
100 x 118 Pixel |
| S - 3D Links |
S3DL |
100 x 118 Pixel |
| M - 3D Rechts |
M3DR |
120 x 141 Pixel |
| M - 3D Links |
M3DL |
120 x 141 Pixel |
| L - 3D Rechts |
L3DR |
150 x 176 Pixel |
| L - 3D Links |
L3DL |
150 x 176 Pixel |
| XL - 3D Rechts |
XL3DR |
200 x 235 Pixel |
| XL - 3D Links |
XL3DL |
200 x 235 Pixel |
| XXL - 3D Rechts |
XXL3DR |
250 x 294 Pixel |
| XXL - 3D Links |
XXL3DL |
250 x 294 Pixel |
| XXXL - 3D Rechts |
XXXL3DR |
300 x 353 Pixel |
| XXXL - 3D Links |
XXXL3DL |
300 x 353 Pixel |
| Super XL - 3D Rechts |
SXL3DR |
400 x 471 Pixel |
| Super XL - 3D Links |
SXL3DL |
400 x 471 Pixel |
| Super XXL - 3D Rechts |
SXXL3DR |
640 x 753 Pixel |
| Super XXL - 3D Links |
SXXL3DL |
640 x 753 Pixel |
| Super XXXL - 3D Rechts |
SXXXL3DR |
800 x 941 Pixel |
| Super XXXL - 3D Links |
SXXXL3DL |
800 x 941 Pixel |
| Desktop S - 3D Rechts |
DS3DR |
1024 x 1205 Pixel |
| Desktop S - 3D Links |
DS3DL |
1024 x 1205 Pixel |
|
Vorschau in XL - 3D Links |
|
|
|
Eigenes Vorschaubild
|
| Zusätzlich ist es möglich ein eigenes Previewimage per Parameter anzugeben. D.h. falls zu der angeforderten Thumbshot-URL noch kein Thumbshot existiert, wird nicht das Standard-Previewimage angezeigt, sondern das per Parameter übergebene. |
|
<img src="http://image.thumber.de/?size=XL&url=http://spiegel.de&img=http://meine-domain.de/preview.gif" />
|
Link Preview Version
|
| Neben der Standard Version existiert die Möglichkeit zu beliebigen Links bei MouseOver die Ziel-URL des Links als Thumbshot anzuzeigen. Dieser Link verdeutlicht die Funktionsweise. Um diese Version auf Deiner Seite nutzen zu können mußt Du folgendermaßen vorgehen: |
- Folgende Datei herunterladen: linkpreview.zip
- Die Datei linkpreview.zip entpacken
- Die entpackten Dateien auf Deinen Webserver hochladen.
- Im Header der einbindenden Seite die CSS- und Javascript-Datei einbinden.
<head>
...
<link href="/css/linkpreview.css" rel="stylesheet" type="text/css" />
<script language="JavaScript1.2" src="/js/linkpreview.min.js"></script>
...
</head>
- Alle Hyperlinks die die Ziel-URL als Link Preview anzeigen sollen mit der CSS-Klasse "thumber" versehen.
<a href="http://google.de" class="thumber">Mein Link</a>
- Fertig!
|
