如何在頁面上旋轉廣告，使用JavaScript從外部文件加載廣告列表？

我想從使用JavaScript的文件加載變量。我找到了一些例子，但我似乎無法使它工作，並可以真正使用一些幫助，讓我的語法正確。如何在頁面上旋轉廣告，使用JavaScript從外部文件加載廣告列表？

基本上，我想在網頁上加載一個隨機廣告圖片，但我希望從文件中提取廣告列表。目前我使用下面的腳本，我發現在互聯網上加載圖像：

<script type="text/javascript"> 
    var picPaths = [ 
     '/images/ad-1.jpg', 
     '/images/ad-2.jpg', 
     '/images/ad-3.jpg', 
     '/images/ad-4.jpg' 
    ] 
    var oPics = []; 
    for(i=0; i < picPaths.length; i++){ 
     oPics[i] = new Image(); 
     oPics[i].src = picPaths[i]; 
    } 
    curPic = Math.floor(Math.random()*oPics.length); 
    window.onload=function(){ 
     document.getElementById('imgRotator').src = oPics[curPic].src; 
    } 
    </script>

我一直在試圖讓picPath變量值從文件加載（而不是說明它的代碼）。我發現一些代碼在這裏對計算器和試了一下調整到以下幾點：

var picPaths = new XMLHttpRequest(); 
    picPaths.open('GET', '/images/liveimages.inc'); 
    picPaths.send();

我也創建了containts下列文件/images/liveimages.inc：

 '/images/ad-1.jpg', 
    '/images/ad-2.jpg', 
    '/images/ad-3.jpg', 
    '/images/ad-4.jpg'

但是，唉，這是不工作，我不是程序員足以修復它。 :-(我在想我的語法是關閉的，但是我的代碼可能也是不可用的，因爲我不是一個JavaScript傢伙。

任何幫助，將不勝感激，並感謝您花時間閱讀（和迴應）我的問題！:-D

來源

2013-01-03 AdminBoB

如果存儲

也許是一個更簡單的方法將數據文件作爲JSON你可以使用AJAX/XMLHttpRequest來獲取它，JSON.parse（適用於所有現代瀏覽器）來讀取它。只是要有一個包含數據的腳本，如：

var picPaths = [ 
'/images/ad-1.jpg', 
'/images/ad-2.jpg', 
'/images/ad-3.jpg', 
'/images/ad-4.jpg' 
];

，然後包含在正確的順序腳本：

<script type="text/javascript" src="picpaths.js"></script> 
<script type="text/javascript" src="ad_script.js"></script>

ad_script.js將能夠訪問picPaths。

你可能會有一些服務器端腳本爲你生成picpaths.js，例如通過查看文件夾或數據庫的內容並從中提取廣告信息。

來源

2013-01-03 18:08:10 Halcyon

太棒了！我甚至沒有想到這樣分手。我只是加載到代碼中，它像冠軍一樣工作！我喜歡用腳本生成picpath.js的想法，因爲所有的圖像文件都存在一個目錄中......我必須研究一下。與此同時，加載廣告的用戶可以直接編輯picpath.js文件，而無需進入其他代碼。非常感謝您的幫助，非常感謝！ :-D – AdminBoB

如何在頁面上旋轉廣告，使用JavaScript從外部文件加載廣告列表？

回答

相關問題