最終日：リンク先のサムネイルを自動的に表示しよう (1/2)
いま見ているWebページからリンクしている他のページを見るには、ハイパーリンクが設定されている文字や画像、ボタンをクリックして実際にリンク先のページへ移動しなければなりません（当たり前ですね！）。リンク先のページがどんなページなのか、いちいちクリックしなくても分かると便利です。 そこで今日は、リンク文字の上にマウスが重なったら自動的にリンク先のページのサムネイル画像を表示するプラグインを作成してみましょう。ここ最近、ブログなどでも見かけるようになった機能ですが、扱いやすいjQueryのプラグインを作成しておけば、既存のサイトへの組み込みも簡単です。 サムネイルを作成するサービスを利用しよう リンク先のページのサムネイル画像を表示させるには、Webサイトのページ内容を取得してサムネイル画像を生成するサービスを利用するのが便利です。こうしたサービスを提供しているサイトはいくつかあります。 ●H
Webページのナビゲーションを自動生成する軽量なjQueryプラグイン・jQuery Tocible
ページの見出しを取得して、サイドにナビゲーションを生成する、というスクリプトのご紹介。jQueryに依存しています。 いわゆる目次のリンクを生成する、というスクリプトです。ドキュメントページなんかに良さそうです。 動作サンプルです。 <script src="http:////ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.tocible.js"></script>コアとプラグインを読み込みます。 $('#foo').tocible({ heading: 'h2', //ナビゲーションに組むエレメント subheading: 'h3', //ナビゲーションに組むエレメント navigation: 'nav', //ナビゲーションを生成する場所 title: ''
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
