自动轮换内容

时间:2011-08-09 01:24:53

标签: javascript jquery ajax iframe

我有7张图可以通过网站访问。我想开发自己的Web应用程序,自动遍历每个图形,所以我可以在巨大的监视器上显示它们。

我希望功能类似于图像轮播,但它适用于网页而不是图像。我有什么选择?一个jQuery插件? AJAX和iframe?请记住,我希望数据在显示时生效。

2 个答案:

答案 0 :(得分:0)

您可以使用javascript和带有简单计时器的Frame来加载它。

无需复杂,

在标题框架集中添加:

<script language="JavaScript">
var toShow;
var URL = new Array ('http://www.google.com','www.yahoo.com','www.bit.ly');

function setupTimer() {
   toShow = 0;
   loadNext();
   var t=setTimeout("loadNext()", 3000);
}
function loadNext(){
    parent.reportframe.location=URL[toShow];
    toShow++;
    if (toShow>3) toShow = 0;
}
</script>

<body onLoad="setupTimer()">

然后它将继续重新加载帧。

我刚刚写了这个,没有测试过,如果你需要更多的帮助,请告诉我。

答案 1 :(得分:0)

http://jsfiddle.net/5dazE/5/show

这是一个基本的幻灯片。您可以添加或删除网站,然后按播放。它将每30秒旋转一次。这里的代码可以很喜欢:http://jsfiddle.net/5dazE/5

它可以使用更多的工作,但我同意@nycynik。这是一个好主意。