前の記事 ≪:IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル
次の記事 ≫:Firefoxの検索結果をグリッドで閲覧できるFirefox拡張「GridTube」

簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」

2011年06月15日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jLinkPreview

簡単なコードでリンク先をサムネイルプレビューできるjQueryプラグイン「jLinkPreview」のご紹介。
リンクを合わせたときにリンク先のイメージが分かるといいですが、それをjQueryプラグインの形で、簡単に実装できます。
サムネイル画像にはwimg.caというサービスが使われています。


サムネイル表示の例

使い方は以下のように初期化すればよいみたい。
画像のプレロードや、サムネイルサイズ(幅・高さ)、フェードや背景色など自在にカスタマイズできますね



プラグインもそこまで大きくないため、サムネイルのプロバイダを変更するのもソースをちょこちょこっと変えれば対応できます。

関連エントリ
関連の記事検索:jQuery, サムネイル, プラグイン, JavaScript, Webデザイン, プレビュー
スポンサード リンク

By.KJ : 2011年06月15日 10:00 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)