Question

我正在尝试创建某种基于幻灯片的事物，当点击图像时，它会用文件列表中的随机图像替换自己。我已经让幻灯片显示工作，但它不是从图像开始，而是在屏幕的左上角有一个小方块。

到目前为止，这是我的代码。

功能代码：

<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>

Answer 1

它以正方形开头，因为您定义的第一个图像具有无效的网址：

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

应该是：

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

Answer 2

在IMAGE标记中给出源图像路径，否则创建一个div并将其背景属性设置为图像文件。即使你不使用它，IMG标签也需要src属性。

Answer 3

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

功能代码：

<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>

点击显示随机图片（Javascript）

3 个答案: