一段非常簡單的讓圖片自動切換js代碼
更新時間:2006年11月10日 00:00:00 作者:
復制代碼 代碼如下:
<script language =javascript >
var curIndex=0;
//時間間隔 單位毫秒
var timeInterval=1000;
var arr=new Array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
arr[5]="6.jpg";
arr[6]="7.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("obj");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
}
</script>
<img id=obj src ="1.jpg" border =0 />
可以自己配置,自己設(shè)置每張圖片切換的時間間隔,自己設(shè)置每張圖片的路徑(絕對、相對路徑都可以)
雖然很簡單,但是很實用。
相關(guān)文章
jQuery.lazyload+masonry改良圖片瀑布流代碼
這里主要是使用jQuery.lazyload配合masonry實現(xiàn)瀑布流的重新排列,有時候網(wǎng)站的速度慢,圖片加載慢,獲取不到圖片的寬度和高度,所以使用lazyload可以在圖片加載完之后,進行瀑布流的重新排列。2014-06-06
js實現(xiàn)圖片加載時候逐漸出現(xiàn)的雜色效果
有一些網(wǎng)站在加載圖片的時候不是一下子就出來了,而是由模糊到清淅,或是由一種不占用過多網(wǎng)絡(luò)資源的方式先大致顯示,然后再慢慢加載,避免因用戶等不及將網(wǎng)頁關(guān)掉,像馬賽克效果、沙子效果等2010-08-08
javascript實現(xiàn)圖片切換的幻燈片效果源代碼
網(wǎng)頁上有許多圖片切換的幻燈片效果,它們大多用flash實現(xiàn),那javascript能不能實現(xiàn)他們呢,當然可以,我自己寫了一個,需要的朋友可以參考下2012-12-12
用javascript實現(xiàn)旋轉(zhuǎn)圖片效果的代碼
用javascript實現(xiàn)旋轉(zhuǎn)圖片效果的代碼...2007-11-11

