JavaScript를 사용하여 이미지를 덮어 쓰고 같은 페이지에서 새 이미지로 바꾸기

Question

나는 엄지 손톱이 표시된 이미지 스크롤러와 엄지 손톱의 확대 그림이 표시된 다른 영역이 있습니다. 다른 엄지 손톱을 클릭하면 자바 스크립트를 사용하여 큰 이미지를 덮어 쓰려고합니다. 그래서 엄지 손톱을 클릭하면 엄지 손톱의 새로운 큰 이미지로 현재 큰 이미지를 바꿀 것입니다, promblem 거기에 31 엄지 손톱이며 나는 여기에 표시된 show hid div 메서드를 사용하여 그들을 덮어 쓰는 방법을 찾지 못합니다.

Answer 1

div를 숨기거나 표시 할 필요가 없습니다. 다른 미리보기 이미지를 클릭 할 때마다 큰 이미지의 src 속성을 변경하십시오. 그게 네가 원하는 걸 얻게 해 줄거야.

<script type="text/javascript"> 
function showLarge(srcLarge) 
{ 
    document.getElementById("large").src = srcLarge; 
} 
</script> 


<img src="/path/to/thumb1.jpg" onclick="showLarge('/path/to/large1.jpg')"/> 
<img src="/path/to/thumb2.jpg" onclick="showLarge('/path/to/large2.jpg')"/> 
<img src="/path/to/thumb3.jpg" onclick="showLarge('/path/to/large3.jpg')"/> 

<img id="large" src="/path/to/large1.jpg"/>