썸네일에 사용자가 클릭 할 때

Question

나는 갤러리에서 이미지를 표시하는 간단한 기능을 가지고

<img 
    src="../images/image.png" 
    width="50" 
    height="100" 
    onclick='changeImage("../images/image.png");' 
    /> 

변경된 'img'라는 또 다른 이미지가 있습니다.

괜찮 았지만 두 번 입력해야한다는 의미입니다. alt 속성을 변경하기 위해 같은 종류의 함수를 사용할 때 더 지저분 해집니다. - 그래서에 대한 일반 사업자를 찾고 있어요

function changeImage() { 
    var s = [src of thumbnail] 
    document.getElementById("img").src=s; 
    } 

은 분명히 내가 썸네일의 이름을 수 있지만, 그 각각의 축소판을위한 새로운 코드를 만들 필요 :

그래서 내가 원하는 것은이 같은 것입니다 the-been-been-click-upon의 the-thing의 src 속성.

매트

Answer 1

당신은 이미지를 참조하기 위해 온 클릭에 this을 사용할 수 있습니다

:

<img 
    src="../images/image.png" 
    width="50" 
    height="100" 
    onclick='changeImage(this.src);' 
    />