Javascript +動態文件夾

所以我有一個Javascript函數。它傳遞一個文件夾名稱，說「A」。該文件夾包含5個隨機選取的圖像。Javascript +動態文件夾

它在頁面加載時效果很好，因爲出現1個隨機圖像。但是我希望它在點擊圖像時能夠這樣，它會再次被同一個文件夾中的圖像隨機化。我試着去了解這個與onmousedown事件，但它返回一個破碎的圖像鏈接到文件：/// C：/用戶/ StackOverflow上/文件/網站/ [對象％20HTMLDivElement] /2.jpg

<script type="text/javascript"> 
     // <![CDATA[ 
     function showImage(folder){ 
      var randomNumber=Math.floor(Math.random()*5); 
      document.write('<img src="'+folder+'/'+randomNumber+'.jpg" onmousedown="showImage('+folder+')">'); 
     } 
     //]]> 
    </script>

來源

2011-07-31 Rob

無論你做什麼 - 將事件處理程序置於HTML屬性是絕對的CYNICAL IDEA。它有一些奇怪的範圍鏈動態，你永遠不想被卡住。 – treecoder

我覺得每次點擊圖片時你都不想打電話給document.write()。也許你會有更多的成功，像這樣的設置：

<img id="randomImage0" src="" onmousedown="showImage(this, this.lastFolder);" /> 

<script type="text/javascript"> 
    function showImage(imgElem, folder){ 
     var randomNumber=Math.floor(Math.random()*5); 
     imgElem.src = folder + '/' + randomNumber + '.jpg"; 
     imgElem.lastFolder = folder; 
    } 

    showImage(document.getElementById("randomImage0"), "A"); 
</script>

來源

2011-07-31 06:35:54 aroth

Javascript +動態文件夾

回答

相關問題