javascript 简单脚本无法运行

uelo1irk 于 2023-03-21 发布在 Java

关注(0)|答案(2)|浏览(165)

我有五个图像在我的电脑文件夹，我试图创建一个脚本，显示在屏幕上的图像，当我点击一个按钮，图像的变化。
JavaScript代码：

function cambiaimagen()
{
var i=1;
var direcciones = new            
    Array("imagen1.jpg","imagen2.jpg","imagen3.jpg","imagen4.jpg","imagen5.jpg");
var vusr = document.getElementById('imgs').value;
document.getElementById('imgs').innerHTML = vusr;
}

HTML代码：

<div id="contenedor">

<div id="img">
<img id="imgs" src="imagen1.jpg"/>
</div>

<button type="button">Anterior</button>
<button type="button" onclick = 'cambiaimagen()'>Siguiente</button>

</div>

当我运行脚本时，我会看到图像1和按钮。但是当我单击Siguiente按钮时，我不会看到下面的数组direcciones的图像。
我怎么能看呢？

JavaScript

来源：https://stackoverflow.com/questions/17977684/simple-script-doesnt-run

2条答案

按热度按时间

t3irkdon1#

将你之前的JavaScript代码替换为：

var cnt = 1;
var direcciones = new Array("imagen1.jpg","imagen2.jpg","imagen3.jpg","imagen4.jpg","imagen5.jpg");
function cambiaimagen(){
    if(cnt != direcciones.length - 1){
        cnt++;
    }else{
        cnt = 1;
    }
    document.getElementById('imgs').src = direcciones[cnt];
}

如果图像名称是按连续编号顺序排列的（如您的示例中所示），则可以使用以下内容：

var cnt = 1;
var imgCnt = 5;
function cambiaimagen(){
    if(cnt != imgCnt){
        cnt++;
    }else{
        cnt = 1;
    }
    document.getElementById('imgs').src = "imagen" + cnt + "2.jpg";
}

我认为这是一个更好的方法，因为没有重复内容的数组。

赞(0）回复(0）举报 2023-03-21

ws51t4hk2#

var direcciones = ["imagen1.jpg","imagen2.jpg","imagen3.jpg","imagen4.jpg","imagen5.jpg"];
var cnt = 0;
function cambiaimagen(){
document.getElementById("imgs").src = direcciones[(++cnt)%direcciones.length];
}

赞(0）回复(0）举报 2023-03-21

我来回答

javascript 简单脚本无法运行

2条答案

相关问题

热门标签

最新问答