Question

这是我的代码，我该如何显示图像？当我运行网页时，它只显示两个按钮但没有图像...我应该在我的html中调用该函数吗？

<html>

<script language="JavaScript" type="text/JavaScript"> 
var photos=new Array()
var which=0
photos[0]='images/title.gif'
photos[1]='images/pinkrice.png'

function backward(){
if (which > 0){
    which=which-1
    document.images.photoslider.src=photos[which]
    }
}

function forward(){
if (which<photos.length-1){
    which=which+1
    document.images.photoslider.src=photos[which]
 }
}

</script>
<head><title>How to Play?</title></head>

<body>
    <h1>How to Play??</h1>
    <!--steps of how to play, add image here--> <br>
    <form>
    <input type="button" value="Back" onClick="backward()"> 
    <input type="button" value="Next" onClick="forward()">
    </form>
</body>
</html>

Answer 1

我编辑了你的代码。测试一下。现在正在努力。您需要一个容器来显示您的图像。 document.images仅将图像存储在缓存中。你需要一个标签来显示。 Download files here

<html>
<head>
<title>How to Play?</title>

<script language="JavaScript" type="text/JavaScript"> 

var photos=new Array();
var which=0;
photos[0]='images/title.gif';
photos[1]='images/pinkrice.png';

function backward(){
if (which > 0){
which=which-1;
document.getElementById("SliderPhoto").src=photos[which];
}
}

function forward(){
if (which<photos.length-1){
 which=which+1;
document.getElementById("SliderPhoto").src=photos[which];
 }
}

</script>

</head>

<body>
<h1>How to Play??</h1>
<!--steps of how to play, add image here--> <br>
<img id="SliderPhoto" src="images/title.gif" />
<form>
<input type="button" value="Back" onClick="backward()"> 
<input type="button" value="Next" onClick="forward()">
</form>


</body>
</html>

javascript galary-图片无法显示

1 个答案: