이미지 새로 고침 코드가 포함 된 자바 스크립트 배열

Question

너무 복잡하지 않기를 바랍니다. 난 세트 간격으로 이미지를 새로 고치는 데 사용되는 한 줄의 코드가 있습니다. 이것은 잘 작동합니다. 이 코드 줄을 반복하여 각각의 고유 한 이름을 변경하고 각 페이지에서 여러 이미지를 새로 고침 할 수 있습니다. 내가하고 싶은 것은 페이지 상단에 목록이나 배열을 넣고 거기에 이미지 위치를 설정하고 거기에 각 이미지의 제목을 설정하는 것입니다. 이미지를 바꿀 때 잘라내어 붙여 넣으려고하는 수많은 코드를 통해 낚시하는 것보다 훨씬 간단하게 만들 수 있습니다. 여기

은 내가 사용하는 코드의 라인이다 : (refresh1 각각의 사진에 대한 등 refresh2, refresh3을, 이름이 변경됩니다)

<img src="http://somewhere.com/picture1.jpg" id="refresh1" onload="setTimeout('document.getElementById(\'refresh1\').src=\'somewhere.com/picture1.jpg?\'+new Date().getMilliseconds()', 15000)" /> 

내가 자바 스크립트 배열을 사용하여 상단에 뭔가를하고 싶습니다 (또는 CSS 아마도)의 효과 :

<display text from 'title1'> 
<img src="image1" id="refresh1" onload="setTimeout('document.getElementById(\'refresh1\').src=\'image1?\'+new Date().getMilliseconds()', 15000)" /> 

<display text from 'title2'> 
<img src="image2" id="refresh2" onload="setTimeout('document.getElementById(\'refresh2\').src=\'image2?\'+new Date().getMilliseconds()', 15000)" /> 

으로 : 다음

Array:  
image1= somewhere.com/picture1.jpg 
image2= somewhere.com/picture2.jpg 
title1= "Picture of someplace Fun" 
title2= "Picture of someplace Hot" 

하여 내 코드에서 아래 그들을 호출 당신은 볼 수 있습니다, 나는 테이블이나 배열에서 물건을 호출하는 것에 대해 많이 알지 못합니다!

Answer 1

저는 이미지를 가져온 다음 변수에서 값을 삽입하기 위해 선택기를 사용합니다.

document.getElementById("refresh1").src = image1 
document.getElementById("refresh2").src = image2 

image1 및 image2뿐만 아니라 문자열 값을해야합니다.

편집 : DOM 지침