オープンソースコラム


2009/06/08 17:37Update

DhoniShow - 高機能な画像自動切り替える表示JavaScriptライブラリ

TAGS: 画像 | カルーセル | スクロール | スライド | オートプレイ | MIT | Javascript

スポンサード リンク


DhoniShowはjQueryベースの高機能な画像自動切り替える(スライドショー)表示用ライブラリです。オープンソースのMITライセンスで配布されており、無償利用できます。                 



動作環境


◇ JavaScript/jQuery.js
◇ ライセンス:MIT license。

機能・特徴


◇ 縦と横両方向にスライドショー可能
◇ カスタマイズ可能(イメージの切り替える効果の表示時間、オートプレイ、中央揃い表示、サムネールの表示など)
◇ オープンソース。MIT license。

使い方


1)ダウンロード
2)コードサンプル
<link rel="stylesheet" href="dhonishow.css" type="text/css" media="screen" />
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.dhonishow.js" type="text/javascript"></script>
..

<div class="dhonishow">
  <img src="img/img1.jpg" />
  <img src="img/img2.jpg" />
  <img src="img/img3.jpg" />
  ...
</div>

※div要素のclass属性にdhonishowを指定するだけで、divのなかにあるimg画像が自動的に適応されます。
※詳細について、公式サイトの「document」から詳しく書いてありますので、そちらをご参照ください。

Dhonishowカスタマイズツール

Sponsored Link