リンクプレビュープラグイン
リンクプレビュープラグインは、ユーザーがリンクの上にマウスを置いてリンクにクラスがある場合、リンクがリンクしているWebページのプレビューを表示します grabzit-preview。 この savesユーザーが希望するリンクを決定するときのユーザー時間。
開始するには、ページの下部にある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});
href属性にあるURL以外のURLを指定する場合。 を使用して指定できます 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 and grabzit-preview-screenshot.
GrabzIt PreviewをブログまたはCMSにインストールする
GrabzIt Previewは、WordPress、Drupal、JoomlaなどのブログまたはCMSと完全に互換性があります。 開けて blog-or-cms-install.txt プラグインのダウンロードで見つかりました。これには、必要なすべてのJavaScriptとCSSが1つのブロックに含まれています。 これを挿入できます int生のHTMLを受け入れるウィジェット。このようなウィジェットは、ほとんどのブログまたはコンテンツ管理システムに存在します。 コンテンツの後にページの下部に配置することを忘れないでください。
このJavaScriptプラグインは完全にオープンソースです！ ソースコードを表示または改善する場合は、次を参照してください。 GitHubの.