阵列和幻灯片

Question

我使用下面的代码来显示幻灯片中的照片，我需要显示：每个人的姓名、工作和报价，但实际上只有照片在指定的时间间隔内发生变化......有人可以帮忙吗？

 var img1 = document.getElementById("img1");
 var testname = document.getElementById("testname");
 var testjob = document.getElementById("testjob");
 var testpa = document.getElementById("testpa");

            var currentPos = 0;
            var images = ["ch1.jpg", "ch2.jpg", "ch3.jpg"]
            var testname = [“John Smith” ,”Jan Rosso”,”Raphael Matthew”]
            var testjob = [“Manager” ,”Director”,”Supervisor”]
            var testpa = [“I like this company”,”It’s amazing”,”Wondeful atmospher”]
            
            function volgendefoto() {
                if (++currentPos >= images.length)
                    currentPos = 0;

                img1.src = images[currentPos];
                 testname.value = testname[currentPos];
                  testjob.value = testjob[currentPos];
                   testpa.value = testpa[currentPos];
            }

            setInterval(volgendefoto, 3000);
    function test(){
    document.getElementById('text').value=document.getElementById('testname').value
    }

Answer 1

testName 和其他可能需要通过 innerHTML 进行更新

 function volgendefoto() {
            if (++currentPos >= images.length)
                currentPos = 0;

            img1.src = images[currentPos];
            testname.innerHtml = testname[currentPos];
            testjob.innerHtml = testjob[currentPos];
            testpa.innerHtml = testpa[currentPos];
        }