簡體   English   中英

自動旋轉內容

[英]Automatically rotate through content

我有7個可通過網站訪問的圖形。 我想開發自己的Web應用程序,該應用程序會自動循環瀏覽這些圖形中的每一個,因此可以將它們顯示在巨大的監視器上。

我希望該功能類似於圖像輪播,但是它將用於網頁而不是圖像。 我有什么選擇? jQuery插件? AJAX和iframe? 請記住,我希望在顯示數據時保持實時狀態。

您可以使用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()">

然后它將繼續重新加載框架。

我只是寫了這個,沒有測試,請告訴我是否需要更多幫助。

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

那是基本的幻燈片放映。 您可以添加或刪除站點,然后按播放。 它將每30秒旋轉一次。 該代碼可以在這里喜歡: http : //jsfiddle.net/5dazE/5

它可能需要更多工作,但我同意@nycynik。 這是一個好主意。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM