寝付けなくて朝になってしまったので、 JavaScriptで遊ぶ。
カラテスタイルさんで紹介されていますが、Yahoo! User Interface Library とSimple API でリンク先のサムネールをツールチップ風に表示するという技。
Yahoo! UI LibraryとSimpleApiでリンクページを作る
これは<head>
内でwindow
オブジェクトにイベントリスナーを登録して、load
したときにサムネイルも含めて、エレメントを一括作成しているようで、IEだとSimple API を呼び出すたびにカチャカチャ音が鳴ってしまう。
これを回避するには、<a>
タグにイベントハンドラを設定して、マウスオーバー毎にサムネールの生成を行えばいいのでは・・・(あまりonmouseover
とか入れたくないですけどね)
Y!UILでは内部の処理がよくわからないので今回はDHTML Balloon tooltipを参考に作ってみた。
あとは prototype.js とかでエフェクトつけれたら最高なんですが、今の所、こんなもんでしょか。