[英]Using javascript, how do I stop Images from reloading?
我有2个按钮。 每个按钮显示一个不同的数组。 一切正常,除了说我想回到第一个重新加载图像的地方。 因此,当我第一次单击该按钮时,会显示我的6张图像。 第二次是12。等等。 有没有办法阻止这种情况的发生? 似乎无法在网上找到任何东西。
var picArray1 = new Array("concert1","concert2","concert3","concert4","concert5","concert6");
var picArray2 = new Array("out1","out2","out3","out4","out5","out6");
function showArray1() {
var imgDiv = document.getElementById("gallery")
for(i=0; i<picArray1.length; i++){
document.getElementById("text1").innerHTML += '<img src="images/'+picArray1[i]+'.jpg">';
document.getElementById("text2").style.display = 'none';
document.getElementById("text1").style.display = 'block';
}
}
function showArray2() {
var imgDiv = document.getElementById("gallery")
for(i=0; i<picArray2.length; i++){
document.getElementById("text2").innerHTML += '<img src="images/'+picArray2[i]+'.jpg">';
document.getElementById("text1").style.display = 'none';
document.getElementById("text2").style.display = 'block';
}
}
让我们做一些分解:
function show(list,galleryId,text1Id,text2Id) {
var imgDiv = document.getElementById(galleryId)
var text1 = document.getElementById(text1Id);
var text2 = document.getElementById(text2Id);
text2.innerHTML = "" // important part
for(i=0; i<list.length; i++){
text2.innerHTML += '<img src="images/'+list[i]+'.jpg">';
text1.style.display = 'none';
text2.style.display = 'block';
}
}
// call the function
show(['image1','image2','image3'],"gallery","text1","text2")
// not sure why you are getting imgDiv though since you are not using it.
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.