Link podglądu wtyczki
Link Preview Plugin pokazuje podgląd strony, do której prowadzi link, gdy użytkownik umieści kursor nad linkiem, a link ma klasę grabzit-preview, To saves czas użytkownika przy podejmowaniu decyzji, które łącza są tym, którego chcą.
Aby rozpocząć, umieść wiersz poniżej u dołu strony tuż nad zamykającym tagiem treści. Następnie zamień „KLUCZ APLIKACJI” na rzeczywisty klucz aplikacji. Następnie, aby dodać możliwość podglądu do linku, po prostu dodaj grabzit-preview klasa do linku. Zostanie to automatycznie odczytane i wygenerowany podgląd.
new GrabzItPreview("Sign in to view your Application Key");
Nie musisz ustawiać żadnych innych opcji konfiguracji, ale możesz określić wszystkie parametry ogólne, obrazkowe i animowane GIF w obiekcie opcji. Na przykład w poniższym przykładzie ustawiliśmy szerokość i wysokość na 200 x 200.
new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});
Jeśli chcesz podać adres URL inny niż ten znaleziony w atrybucie href. Możesz określić jedną za pomocą grabzit-href atrybut na przykład.
<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>
Zmodyfikuj JavaScript lub CSS, jak chcesz! Zapewniamy jednak specjalne klasy CSS, których możesz użyć do stylizowania okna podglądu, są to: grabzit-preview-container, grabzit-preview-caption, grabzit-preview-loader i grabzit-preview-screenshot.
Instalowanie GrabzIt Preview na blogu lub CMS
GrabzIt Preview jest w pełni kompatybilny z blogiem lub CMS, takim jak WordPress, Drupal i Joomla. Po prostu otwórz blog-or-cms-install.txt znalezione w pobraniu wtyczki, obejmuje wszystkie wymagane JavaScript i CSS w jednym bloku. Można to następnie wstawić into widget, który akceptuje surowy HTML, takie widżety są obecne w większości blogów lub systemów zarządzania treścią. Pamiętaj, aby znaleźć go na dole strony po treści.
Ta wtyczka JavaScript jest całkowicie open source! Jeśli chcesz wyświetlić lub poprawić kod źródłowy, możesz go znaleźć GitHub.