Link Preview Plugin
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 auf einem Blog oder CMS installieren
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.
Dieses JavaScript-Plugin ist komplett Open Source! Wenn Sie den Quellcode anzeigen oder verbessern möchten, finden Sie ihn auf GitHub.