변경 이미지와 캡션

내가 자바 스크립트로 변경 이미지와 함께 간다 텍스트를 변경하는 방법을 해결하려고 노력하고는 ...변경 이미지와 캡션

var x = 0; 
var images = new Array(".jpg", ".jpg", ".jpg", ".jpg", ".jpg"); 
var i = setInterval(auto, 10000); 

function auto() { 
    x++; 
    if (x == images.length) x = 0; 
    document.getElementById('bigImage').src = images[x]; 
} 

function changeImage(img, imagetitle) { 
    document.getElementById('bigImage').src = img; 
    /* document.getElementById('mainimagetitle').innerHtml = imagetitle; */ 
}

주석으로 부분은 내가 아마도 할 수 있다고 가정하는 방법이다 이미지와 함께 표시되는 텍스트를 변경하십시오. 어떻게 html 코드를 작성합니까? ID를 mainimagetitle과 함께 사용해야합니까? 그렇다면 표시하고 숨기고 싶은 다른 텍스트를 추가하는 위치 및 방법은 무엇입니까?

출처

2012-06-03 Johnny Hankgard

올바른 자바 스크립트를 결정할 수 있도록 html 코드를 제공해주십시오. – Wirone

'mainimagetitle '은 어떤 종류의 요소입니까? [jsfiddle] (http://jsfiddle.net)에서 사례를 재현 해보십시오. –

@VisioN 편집 이유는 무엇입니까? –

귀하의 글에서 알 수 있듯이,이 일을해야합니다.

<img id="bigImage" src="img1.jpg" alt="" /> 
<div id="mainimagetitle"></div>

것은 (작성) SRC 태그를 추가해야합니다 또는 당신이 IE에서 이상한 결과를 얻을 수 있습니다. 두 번째 이미지 (변경 전 x ++)로 시작하면 아무런 문제가 없습니다. 행복한 사고라고 생각합니다. ;-)

// 편집 : 물론 올바른 요소를 사용하는 한 모든 요소가 작동합니다. 그러나 당신은 우리가 사용하는 HTML (xhtml/html5/...)을 말하지 않았습니다. 당신은 잠재적으로 한 이미지는 mainimagetitle 가정

var captions = ['Caption 1', 'Caption 2', ...];

각각에 대한 캡션을 저장하는 다른 배열을 가질 수

출처

2012-06-03 00:39:55 Oliver

는 <p> 요소의 ID입니다, 당신은 할 수 있습니다 : 당신이 할 수있는

function changeImage(img, imagetitle) { 
    document.getElementById('bigImage').src = img; 
    document.getElementById('mainimagetitle').innerText = imagetitle; 
}

을 코드 here을 기반으로 전체 예제를 참조하십시오.

출처

2012-06-03 00:41:25 martineno

변경 이미지와 캡션

답변

관련 문제