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要素で指定するだけで、他に特別な設定は今のところありません。
広げる方向などの設定に関しての実装は今後の課題。
スポンサーリンク

![Auckland City [写真] Auckland City](http://serennz.sakura.ne.jp/sb/img/img64_auckland_city.gif)
![blossom [写真] blossom](http://serennz.sakura.ne.jp/sb/img/img65_blossom.gif)
![blue sky [写真] blue sky](http://serennz.sakura.ne.jp/sb/img/img66_blue_sky.gif)
![Onepoto Park [写真] Onepoto Park](http://serennz.sakura.ne.jp/sb/img/img69_onepoto_park.gif)
![orange flowers [写真] orange flowers](http://serennz.sakura.ne.jp/sb/img/img70_orange_flowers.gif)
![rose at Auckland Domain [写真] rose at Auckland Domain](http://serennz.sakura.ne.jp/sb/img/img71_rose.gif)