단락을 통해 반복하십시오.

Question

이미지를 바꿀 수있는 자바 스크립트 (매우 제한된 지식)를 사용했지만 지금은 텍스트로 처리하고 싶습니다.

내 질문에 10 개의 다른 단락이있는 경우 (링크 1은 단락 1, 링크 2는 단락 2 등을 보여줍니다), 나는 그 곳에 '입력'할 수있는 부분을 이해하지 못합니다. 내 이미지는 분명히 준비가 만든 파일을 사용하지만 내 텍스트는 텍스트로 유지하고 싶은 나는

코드는 중고 CSS 나 HTML 등 중이를 할당하는 방법을 잘 모르겠어요 :

를 지금까지 내가 가지고 내 CSS 코드는 내가 텍스트의 변화를 제어하고있어 내 텍스트 내용 (필자는 클릭에 따라 변경하려는) 내지도 콘텐츠를 정의 :

#content 
#content div {float:left;} 
#content_map {width:595px; height: 595px; margin-bottom: 15px; margin-right:15px;}  
    #content_text {width:290px; height: 595px; margin-bottom: 15px;} 
#content_profile {width:900px; height: 755px; margin-bottom: 15px;} 

그래서 내 html로 지금까지지도 '핫스팟 '이 예입니다.

<area shape="circle" coords="276,326,15" href="#" alt="Kinnloch" onclick="MM_swapImage('stboswells_01','','discover_kinnloch.png',1)"/> 
    <area shape="circle" coords="202,264,11" href="#" alt="Lochinver" onclick="MM_swapImage('stboswells_01','','discover_lochinver.png',1)"/> 

... 등

그래서 기본적으로 내가 사업부 '지도'하고 내가하고 싶은 것은 또한 텍스트에 SWOP 이러한 좌표를 사용하는 것입니다에 좌표에 의해 '프로필'DIV 이미지를 교환하고있어 내 'text'div 그러면 첫 번째 세트의 코드가 내 텍스트 div를 변경하여 'Discover Kinnloch'라고하고 두 번째 좌표 세트는 'Discover Lochinver'등의 텍스트 div를 변경합니다.

Answer 1

섹션을 확장하고 싶습니다.

CSS로 숨겨진 HTML에 콘텐츠가 이미있을 수 있으며 자바 스크립트로 표시 할 수 있습니다. 다음은 jQuery를 사용한 예제이다.

<div class="container"> 
    <a href="#">Header 1</a> 

    <p class="container-body">This is a test.</p> 
</div> 
<div class="container"> 
    <a href="#">Header 2</a> 

    <p class="container-body">This is another test.</p> 
</div>  

CSS에 의해 숨겨진 : 자바 스크립트에 의해

.container-body { 
    display: none; 
} 

을 그리고 토글 : 여기

$(".container a").click(function() { 
    $(".container-body", $(this).parent()).slideToggle(); 
}); 

행동에 그것을 보여주는 빠른 바이올린 : 당신 경우, http://jsfiddle.net/yv9QG/

또는 ' 대상 공간에서 텍스트를 바꾸는 것에 대해 이야기하는 것은 약간의 사소한 변경 사항 일 뿐이며 http://jsfiddle.net/yv9QG/1/