画像サムネイル→フルサイズ

タブブラウザが登場してからwindow.openによるポップアップは使いづらくなってきて、代わりに最近ではwindow.jsとか便利なライブラリも登場している。
まぁ、そこまでじゃなくても、アルバムのようなページで
サムネイルからフルサイズの画像を表示するページの仕組みを作ってみた。
構成なんかはアレンジが効くけどとりあえずのサンプルは

<dt>タイトル</dt>

<dd>サムネイル画像</dd>

<dd>コメント</dd>

こういったリスト構造を解析し、サムネイルのリンクでウィンドウ内にフルサイズの画像（タイトル・コメント付き）を表示。
リストの前後の要素への移動ボタンも付ける。
→ サンプル