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

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

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

2006年10月20日-

スポンサードリンク

[PR]　英単語を忘却曲線アプリを使って超効率よく記憶する方法

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」。
単純にポップアップするだけ、よりもちょっとオシャレな効果が得られますね。

使い方

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

関連エントリ

関連の記事検索：JavaScript, Ajax, サムネイル, CSS

スポンサードリンク

By.KJ : 2006年10月20日 14:06

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

最新のブログ記事(新着順)