使用javascript,如何阻止图像重新加载?

使用javascript,如何阻止图像重新加载?,javascript,dreamweaver,Javascript,Dreamweaver,我有两个按钮。每个按钮显示不同的数组。一切都很好,除了说我想回到第一个它重新加载图像。所以当我第一次点击这个按钮时,我的6张图片就出现了。第二次是今天12点。等等有没有办法阻止这种情况发生?似乎在网上找不到任何东西 var picArray1 = new Array("concert1","concert2","concert3","concert4","concert5","concert6"); var picArray2 = new Array("out1","out2","out3","

我有两个按钮。每个按钮显示不同的数组。一切都很好,除了说我想回到第一个它重新加载图像。所以当我第一次点击这个按钮时,我的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';

        }
    }
var picArray1=新数组(“协奏曲1”、“协奏曲2”、“协奏曲3”、“协奏曲4”、“协奏曲5”、“协奏曲6”);
var picArray2=新数组(“out1”、“out2”、“out3”、“out4”、“out5”、“out6”);
函数showArray1(){
var imgDiv=document.getElementById(“图库”)

对于(i=0;i让我们做一些因式分解:

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.
功能显示(列表、galleryId、text1Id、text2Id){
var imgDiv=document.getElementById(galleryId)
var text1=document.getElementById(text1Id);
var text2=document.getElementById(text2Id);
text2.innerHTML=”“//重要部分
对于(i=0;i