A Simple jQuery Slideshow

A Simple jQuery Slideshowは、シンプルなjQuery用のスライドショーのプラグイン。

iPhone等のスマートフォンでも動くようで、BSDライセンスというので配布されています。

使い方

1. 下記の2ファイルを<head>内に読み込みます。

simple_jquery_slideshow.js
simple_jquery_slideshow.css

2. で、スライドさせたい画像を何枚かimgタグで呼び出して、<div id=”slideshow”>〜</div>で囲めばOKです。
（画像の高さが350px以外の場合は、simple_jquery_slideshow.cssの5行目を変更します。）

<div id="slideshow">
    <img src="image1.jpg" class="active" />
    <img src="image2.jpg" />
    <img src="image3.jpg" />
    <img src="image4.jpg" />
    <img src="image5.jpg" />
</div>

関連記事

>お仕事中の気分転換にこちらもどうぞ。
Category: JavaScript　Tags:

9月 4, 2011 | No Comments

Comments

Leave a Reply