image pile
- 2007.05.16 Wednesday
- dev
image pileというスクリプトを試作しました。
内容は至ってシンプルで、特定のリストで列挙されたイメージを束ねるようにして表示します。
サイドバーにイメージを複数表示したりするのに便利かなと思っています。
また、この記事に記載したサンプルのように、拙作Lightbox Plusと合わせて利用することもできます。
まだ試作品で、汎用性があまりありません。もし欲しいという方がいらっしゃるようでしたら、微調整して改めて紹介します。
image pile用にスタイルシート並びにスクリプトを変更しています。もしうまく表示されないようでしたら、リロードして下さるよう、お願いします。
ちなみにimage pile用のHTMLソースは以下のような感じになります。
<ul class="imagepile"> <li><img src="http://example.com/sample1.jpg" alt="sample1" /></li> <li><img src="http://example.com/sample2.jpg" alt="sample2" /></li> </ul>
特定のクラス属性(この場合「imagepile」)を持つリストを束ねます。スクリプトをhead要素で指定するだけで、他に特別な設定は今のところありません。
広げる方向などの設定に関しての実装は今後の課題。
スポンサーリンク