Das Link Preview Plugin zeigt eine Vorschau der Webseite, auf die der Link verweist, wenn der Benutzer den Mauszeiger über den Link hält und der Link die Klasse hat grabzit-preview
. Dies saves die Benutzerzeit, wenn sie entscheiden, welche Links sie möchten.
Um zu beginnen, platzieren Sie die Zeile unten auf der Seite direkt über dem schließenden Body-Tag. Ersetzen Sie dann den "APPLICATION KEY" durch Ihren tatsächlichen Anwendungsschlüssel. Um die Vorschaufunktion zu einem Link hinzuzufügen, fügen Sie einfach den hinzu grabzit-preview
Klasse zum Link. Dies wird dann automatisch gelesen und eine Vorschau generiert.
new GrabzItPreview("Sign in to view your Application Key");
Sie müssen keine anderen Konfigurationsoptionen als diese festlegen. Sie können jedoch alle Optionen angeben Allgemeine, Bild- und animierte GIF-Parameter im options Objekt. Im folgenden Beispiel haben wir beispielsweise die Breite und Höhe auf 200 x 200 festgelegt.
new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});
Wenn Sie eine andere URL als die im Attribut href angegebene angeben möchten. Sie können eine mit der Taste angeben grabzit-href
Attribut zum Beispiel.
<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>
Sie können das JavaScript oder das CSS beliebig ändern! Wir bieten jedoch spezielle CSS-Klassen an, mit denen Sie das Vorschaufenster gestalten können. Dazu gehören: grabzit-preview-container
, grabzit-preview-caption
, grabzit-preview-loader
und grabzit-preview-screenshot
.
GrabzIt Preview ist voll kompatibel mit einem Blog oder CMS wie WordPress, Drupal und Joomla. Einfach offen blog-or-cms-install.txt Im Plugin-Download finden Sie alle erforderlichen JavaScript- und CSS-Befehle in einem Block. Diese kann dann eingefügt werden into Ein Widget, das unformatiertes HTML akzeptiert. Solche Widgets sind in den meisten Blog- oder Content-Management-Systemen vorhanden. Denken Sie daran, es am unteren Rand der Seite nach dem Inhalt zu finden.