如何制作幻灯片重复使用JavaScript

确定我的幻灯片是我的身体背景和IMGS是这样如何制作幻灯片重复使用JavaScript

<img name="pic" src="../../Content/images/bg.jpg" style=" width: 100%; position: absolute; top: 0; left: 0; z-index: -1;width: expression(document.body.clientWidth + 'px'); " alt=""/>

我的问题的img标签是它起着但随后的最后一张图片上站的是连续的，而不是

还如何将我实现停止播放上页下页按钮还控制背景我不想下载无插件页面顶部如果可能的话感谢

这里是我的代码为S o far

var pause = 3000; 

var n = 0; 

var imgs = new Array("bg.jpg", "bg2.jpg", "bg3.jpg", "bg4.jpg", "bg5.jpg", "bg6.jpg", "bg7.jpg", "bg8.jpg", "bg9.jpg", "bg10.jpg", "bg11.jpg"); 


var preload = new Array(); 
for (var i = 1; i < imgs.length; i++) { 
    preload[i] = new Image(); 
    preload[i].src = imgs[i]; 
} 

var inc = -1 

function rotate() { 

    document.images.pic.src = imgs[n]; 
    (n == (imgs.length - 1)) ? n = 0 : n++; 
    setTimeout("rotate(0)", pause); 
}

来源

2010-10-29 sam

可能是这样吗？

n = (n==imgs.length-1 ? 0 : n+1);

来源

2010-10-29 12:16:46 marsbard

仍然不起作用萤火说失踪），当我使用 – sam 2010-10-29 12:23:21

你可以尝试重新排列if/else ...“if（n == imgs.length-1）n = 0 else n ++;” – marsbard 2010-10-29 12:31:31

仍然没有:(即时通讯仍然在学习这一点 – sam 2010-10-29 12:42:11

尝试构建你这样的代码：

var i, imgs, pic; 

function rotate() 
{ 
    pic.src = imgs[i] ; 
    (i === (imgs.length -1)) ? i=0 : i++ ; 
    setTimeout(rotate, 5000); 
} 

function init() 
{ 
    pic = document.getElementById("pic"); 

    imgs = ["bg.jpg", "bg2.jpg", "bg3.jpg"] ; 

    var preload= new Array(); 
    for(i=0; i< imgs.length; i++) 
    { 
    preload[ i ] = new Image(); 
    preload[ i ].src = imgs[ i ]; 
    } 

    i=0; 

    rotate(); 
} 
onload=init;

而在你的HTML页面，你可以有这样的事情：在括号

<img id="pic" width="960" height="300" alt="Icon" src="bg1.jpg">

来源

2013-08-06 16:17:53 Daniel

如何制作幻灯片重复使用JavaScript

回答

相关问题