Plug-in de visualização de links
O plug-in de visualização de link mostra uma visualização da página da web à qual o link está vinculado quando o usuário passa o mouse sobre o link e o link tem a classe grabzit-preview. Este saveé a hora do usuário ao decidir quais links é o que eles desejam.
Para começar, coloque a linha abaixo na parte inferior da página, logo acima da etiqueta do corpo de fechamento. Em seguida, substitua a "CHAVE DE APLICAÇÃO" pela sua chave de aplicação. Em seguida, para adicionar a capacidade de visualização a um link, basta adicionar o grabzit-preview classe para o link. Isso será lido automaticamente e uma visualização gerada.
new GrabzItPreview("Sign in to view your Application Key");
Você não precisa definir outras opções de configuração além dessa, mas pode especificar todos os parâmetros gerais de imagem e GIF animados no objeto de opções. Por exemplo, no exemplo abaixo, definimos a largura e a altura como 200 x 200.
new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});
Se você deseja especificar um URL diferente daquele encontrado no atributo href. Você pode especificar um usando o grabzit-href atributo por exemplo.
<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>
Sinta-se livre para alterar o JavaScript ou o CSS como desejar! No entanto, fornecemos classes CSS especiais que você pode usar para estilizar a caixa de visualização, incluindo: grabzit-preview-container, grabzit-preview-caption, grabzit-preview-loader e grabzit-preview-screenshot.
Instalando o GrabzIt Preview em um blog ou CMS
O GrabzIt Preview é totalmente compatível com um blog ou CMS, como WordPress, Drupal e Joomla. Apenas abra blog-ou-cms-install.txt encontrado no download do plug-in, isso inclui todo o JavaScript e CSS necessários em um bloco. Isso pode ser inserido into um widget que aceita HTML bruto, esses widgets estão presentes na maioria dos blogs ou sistemas de gerenciamento de conteúdo. Lembre-se de localizá-lo na parte inferior da página após o conteúdo.
Este plugin JavaScript é completamente de código aberto! Se você deseja visualizar ou melhorar o código-fonte, pode encontrá-lo em GitHub.