SimpleBoxes

image pile

  • [写真] Auckland City
  • [写真] blossom
  • [写真] blue sky
  • [写真] Onepoto Park
  • [写真] orange flowers
  • [写真] rose at Auckland Domain

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要素で指定するだけで、他に特別な設定は今のところありません。

広げる方向などの設定に関しての実装は今後の課題。

スポンサーリンク

<< [こぼれ話]プレゼント :: mi with sbHTML [チュートリアル] >>