图片正在加载为空

我是Java语言的新手，但我尝试使用onload（）设置默认图像，但我认为它无法达到我在数组中设置的图像，因此我不知道为什么。

单击按钮后，我将使它旋转图像，但是我什至无法获得要添加的默认图像。

var images = ['img/profile.jpg', 'img/mountain.jpg', 'img/sanfran.jpg'];

var num=1;

function loadPage()

{

document.getElementById("pictures").src = images[0].src;

}

function nextImage(pictures)

{

var img = document.getElementById("pictures");

document.getElementById("pictures").src = images[1].src;

console.log(num++); // I have this just to make sure that it is catching something

}

</div>

<p>

</p>

<button onclick="nextImage()">Switch Images</button>

</div>

UYOU

浏览 158回答 3

3回答

Smart猫小萌

这里的图像是一个javascript数组。因此，您不能使用.src，因为它不是HTML img元素var images = ['img/profile.jpg', 'img/mountain.jpg', 'img/sanfran.jpg'];var num=1;//This function will run on body onloadfunction loadPage(){    document.getElementById("pictures").src = images[0];}//This function will run on button clickfunction nextImage(){    var img = document.getElementById("pictures");    document.getElementById("pictures").src = images[1];    console.log(num++); // I have this just to make sure that it is catching something}<body onload="loadPage()">    <div id="maincontent">        <img id="pictures" src="img/mountain.jpg">        <div id="paragraph">            <p>            </p>            <button onclick="nextImage()">Switch Images</button>        </div>    </div></body>

湖上湖

试试这个：<script>var images = ['img/profile.jpg', 'img/mountain.jpg', 'img/sanfran.jpg'];var num=0;function loadPage(){    document.getElementById("pictures").src = images[0].src;}function nextImage(pictures){    if(num<images.length-1) {        num = num+1;    } else {    num = 0;    }    var img = document.getElementById("pictures");    document.getElementById("pictures").src = images[num];    console.log(num); // I have this just to make sure that it is catching something}</script><div onload="loadPage()">  <div id="imageholder">     <img id="pictures" src="img/mountain.jpg">  </div>  <div id="paragraph">    <p>    </p>    <button onclick="nextImage()">Switch Images</button>  </div></div>

随时随地看视频慕课网APP