1

我正在尝试创建某种基于幻灯片放映的东西，当单击图像时，它会用文件列表中的随机图像替换自身。我已经让幻灯片工作了，但它不是从图像开始的，而是在屏幕的左上角得到一个小方块。

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

功能代码：

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

3 回答 3

2

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

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

它应该是 ：

<img src="image1.jpg" name="randimg1" border=0>
于 2013-10-28T14:16:37.650 回答
0

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

于 2013-10-28T14:25:32.360 回答
0

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

功能代码：

<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-28T14:32:10.840 回答