js:写真や要素を自動で横スクロールさせる

写真や要素を自動で横スクロールさせるのはソースがあるのでそれを使う。

 

slideshow.jsというのがあるので、それを使う。ソースダウンロード

 

<script type="text/javascript" src="share/js/jquery.js"></script>  
<script type="text/javascript" src="share/js/jquery.cycle.js"></script>  
<script type="text/javascript" src="share/js/slideshow.js"></script> 
 
画像を2個づつ表示させて、それを横にスクロールさせる。
slide-oneやslide-twoなどの中に自由に入れるとよい。
 
<div id="slideshow">
<ul class="slides-nav">
<li class="on"><a href="#slide-one">メニュー 1</a></li>
<li><a href="#slide-two">メニュー 2</a></li>
<li><a href="#slide-three">メニュー 3</a></li>
</ul>
<div class="slides">
<ul>
<li id="slide-one">
<img src="image/001.jpg" alt="" width="300" />
<img src="image/002.jpg" alt="" width="300" />
</li>
<li id="slide-two">
<img src="image/003.jpg" alt="" width="300" />
<img src="image/004.jpg" alt="" width="300" />
</li>
<li id="slide-three">
<img src="image/005.jpg" alt="" width="300" />
<img src="image/006.jpg" alt="" width="300" />
</li>
</ul>
</div>
</div>  
 
結構使いやすいと思う。
 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です