不同的时间延迟与不同的图像

我需要在不同的时间间隔旋转图像，如第1图像应该是10秒，秒的20秒定时器等请任何人都可以帮助我。我有下面这个脚本：不同的时间延迟与不同的图像

<script type="text/javascript"> 
var imgs3 = new Array("../webroot/img/1.jpg", "../webroot/img/2.gif", "../webroot/img/3.gif"); 
var lnks3 = new Array("www.a.com", "www.b.com", "www.c.com"); 
var alt3 = new Array("StarBid", "Happy Winners", "Special Offer"); 
var currentAd3 = 0; 
var imgCt3 = 3; 

function cycle3() { 
    if (currentAd3 == imgCt3) { 
     currentAd3 = 0; 
    } 
    var banner3 = document.getElementById('adBanner3'); 
    var link3 = document.getElementById('adLink3'); 
    banner3.src = imgs3[currentAd3] 
    banner3.alt = alt3[currentAd3] document.getElementById('adLink3').href = lnks3[currentAd3] 
    currentAd3++; 
} 
window.setInterval("cycle3()", 10000); 
<script>

来源

2012-12-14 Akaash

'banner3.alt = alt3 [currentAd3] document.get ...'是无效的Javascript。还要考虑为数据使用单个对象数组，每个对象可以具有url，alt和src属性，而不是您需要维护索引的3个单独的数组。 – MrCode

试试这个拨弄我创建： http://jsfiddle.net/cEUZq/14/

你要显示的值替换图像。只要你喜欢添加尽可能多的图像。变量times是一个数组，其中包含每个图片显示的秒数。让我知道你是否需要任何帮助。

这需要jQuery。

来源

2012-12-14 16:45:54

这是有限的，因为间隔必须是1秒的倍数。重复'setTimeout（）'会更好。 – MrCode

同意。我已经修改了一个我已经保存的单行幻灯片，但没有更多地投入。 –

不同的时间延迟与不同的图像

回答

相关问题