在點擊顯示隨機圖像（Javascript）

我想創建某種基於幻燈片放映的東西，當圖像被點擊時，它會用文件列表中的隨機圖像替換自己。我已經得到了幻燈片的工作，但它不是從圖像開始，而是我的屏幕左上角有一個小廣場。在點擊顯示隨機圖像（Javascript）

這是我的代碼到目前爲止。

功能代碼：

<script> 
function pickimg2() { 
    var imagenumber = 2; 
    var randomnumber = Math.random(); 
    var rand1 = Math.round((imagenumber-1) * randomnumber) + 1; 
    images = new Array; 
    images[0] = "images2/pic1.png"; 
    images[1] = "images2/pic1.png"; 
    images[2] = "images2/pic2.png"; 
    var image = images[rand1]; 
    document.randimg.src = image; 
} 
</script>

HTML代碼：

<body onload="pickimg2"> 

<a href="" onClick="pickimg();return false;"><IMG SRC="YOUR IMAGE1" name="randimg1" border=0></a> 

</body>

來源

2013-10-28 Xavier Kedgley

圖像=新陣列SHD是圖像=新的Array（）; –

爲您的第一張圖片設置有效的網址，而不是「

檢查您的瀏覽器控制檯。我確定它試圖告訴你這個JavaScript代碼有錯誤。 – David

它以一個方形自定義您的第一個圖像的網址無效：

<IMG SRC="YOUR IMAGE1" name="randimg1" border=0>

它應該是：

<img src="image1.jpg" name="randimg1" border=0>

來源

2013-10-28 14:16:37

要麼在IMAGE標記中給出源圖像路徑，否則創建一個div並將其背景屬性設置爲圖像文件。即使你不使用它，IMG標籤也需要src屬性。

來源

2013-10-28 14:25:32 Bhupendra

更新您的代碼，如下所示。

功能代碼：

<script language="JavaScript"> 
function pickimg2(){ 
var imagenumber = 2 ; 
var randomnumber = Math.random() ; 
var rand1 = Math.round((imagenumber-1) * randomnumber) + 1; 
images = new Array(); 
images[0] = "images2/pic1.png"; 
images[1] = "images2/pic1.png"; 
images[2] = "images2/pic2.png"; 
var image = images[rand1]; 
document.randimg.src = image; 
} 
</script>

HTML代碼：

<body onload="pickimg2"> 
<a href="" onClick="pickimg();return false;"><img src="images2/pic1.png" name="randimg" border=0></a> 
</body>

來源

2013-10-28 14:32:10

在點擊顯示隨機圖像（Javascript）

回答

相關問題