<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post// <![CDATA[讓圖片由右至左自動切換畫面的功能 (iSlider)]]> apao <apao@www.apao.idv.tw> Mon, 05 Sep 2011 03:02:17 +0000 https://blog.apao.idv.tw/post// 點擊在新視窗中瀏覽此圖片
▲ 這是讓圖檔可以由右至左移動，並替換的功能

下載相關檔案 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/
Tags - , , , , ]]> https://blog.apao.idv.tw/post//#blogcomment <![CDATA[[評論] 讓圖片由右至左自動切換畫面的功能 (iSlider)]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 https://blog.apao.idv.tw/post//#blogcomment