Плагин предварительного просмотра ссылок
Плагин предварительного просмотра ссылки показывает предварительный просмотр веб-страницы, на которую ссылается ссылка, когда пользователь наводит курсор на ссылку, а у ссылки есть класс grabzit-preview. Это saveВремя пользователя, когда решаете, какие ссылки ему нужны.
Для начала поместите строку внизу страницы чуть выше закрывающего тега body. Затем замените «КЛЮЧ ПРИЛОЖЕНИЯ» на ваш фактический ключ приложения, Далее, чтобы добавить возможность предварительного просмотра ссылки просто добавьте grabzit-preview класс по ссылке. Затем он будет прочитан автоматически и создан предварительный просмотр.
new GrabzItPreview("Sign in to view your Application Key");
Вам не нужно устанавливать какие-либо другие параметры конфигурации, кроме этого, однако вы можете указать все общие, графические и графические параметры GIF в объекте параметров. Например, в приведенном ниже примере мы установили ширину и высоту равными 200 x 200.
new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});
Если вы хотите указать URL, отличный от найденного в атрибуте href. Вы можете указать один с помощью grabzit-href атрибут, например.
<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>
Не стесняйтесь изменять JavaScript или CSS, как вы хотите! Однако мы предоставляем специальные CSS-классы, которые вы можете использовать для оформления окна предварительного просмотра, к ним относятся: grabzit-preview-container, grabzit-preview-caption, grabzit-preview-loader и grabzit-preview-screenshot.
Установка GrabzIt Preview для блога или CMS
GrabzIt Preview полностью совместим с блогами или CMS, такими как WordPress, Drupal и Joomla. Просто открой блог или-К-install.txt найденный в загрузке плагина, он включает в себя все необходимые JavaScript и CSS в одном блоке. Это может быть вставлено into Виджет, который принимает необработанный HTML, такие виджеты присутствуют в большинстве блогов или систем управления контентом. Не забудьте найти его внизу страницы после содержимого.
Этот плагин JavaScript является полностью открытым исходным кодом! Если вы хотите просмотреть или улучшить исходный код, вы можете найти его на GitHub.