標題：讓圖片由右至左自動切換畫面的功能 (iSlider)
出處：A.PAO designSTUDIO BLOG
時間：Mon, 05 Sep 2011 11:02:17 +0000
作者：apao
地址：https://blog.apao.idv.tw/post/809/

內容：

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=1217

▲ 這是讓圖檔可以由右至左移動，並替換的功能

下載相關檔案 iSlider - Photo Slider - jQuery Plugin
<link rel="stylesheet" type="text/css" href="islider.css" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="islider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$().islider();
});
</script>


<div class="window">
<div class="islider"><img src="1.jpg" /></div>
<div class="islider"><img src="2.jpg" /></div>
<div class="islider"><img src="3.jpg" /></div>
<!-- 以下画像分 -->
</div>



速度可至 islider.js 中調整

Demo:
http://apao.zapto.org/~apao/


Generated by Bo-blog 2.1.1 Release