前の記事 ≪：PHP5で設定保存用Singletonクラス
次の記事 ≫：「Inside Hatena Bookmark」の資料 at ThinkIT

リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」

2006年10月20日-はてなブックマーク

スポンサード リンク
WebSnapr - Preview Bubble Javascript
The WebSnapr Preview Bubble is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using WebSnapr. It's a snap to setup and works on all modern browsers.

リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」。
単純にポップアップするだけ、よりもちょっとオシャレな効果が得られますね。



使い方

  1. previewbubble.zip をダウンロード
  2. previewbubble.js の var bubbleImagePath = '/images/bg.png'; の画像パスをあわせる  
  3. <script type="text/javascript" src="previewbubble.js"></script> でJS読み込み  
  4. class に previewlink を付与 <a class="previewlink" href="http://www.cnn.com">CNN</a>  

関連エントリ

関連の記事検索：JavaScript, Ajax, Web制作, サムネイル, CSS, Webデザイン
スポンサード リンク

By.KJ : 2006年10月20日 14:06 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

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