자바 스크립트를 통해 이미지 소스에 글자를 추가하십시오.

내 사진 갤러리에서 이미지를 클릭하면 원본 이미지가 큰 이미지로 바뀝니다. 하지만 이제 이미지의 onclick 기능을 사용하여 원래 이미지에 삽입 할 원본을 가져 와서 "lrg"를 삽입하기 전에 끝에 3자를 추가하고 싶습니다.자바 스크립트를 통해 이미지 소스에 글자를 추가하십시오.

자바 스크립트 :를 클릭

<script type="text/javascript"> 
    function setImg(a){ 
       document.getElementById('ImageFrame').src = 
          a.getElementsByTagName('img')[0].src 
      } 
     </script>

HTML 이미지. 변경

<a href="#gallery" onclick="setImg(this);"><img class="gallery" src="JCF/PICT0421.jpg" 

/></a>

큰 이미지 :

<div> 
      <img id="ImageFrame" src="JCF/PICT0422.jpg" width="500" /> 
</div>

링크는 "IMAGEFRAME"에 주입

나는, 내가 바로 그것을 가지고있는 경우 소스가 JCF/PICT0421lrg.jpg

출처

2012-05-17 Spencer May

로 변경하려면 이것은 우리의 문제를 해결할 것입니다.

<script type="text/javascript"> 
    function setImg(a){ 
       var arr = a.getElementsByTagName('img')[0].src.split("."); 
       document.getElementById('ImageFrame').src = arr[0]+"lrg"+"."+arr[1]; 
      } 
     </script>

이 파일명에서 제 도트 전에 "LRG"를 추가한다 변화 setImg에서 http://jsfiddle.net/ymutlu/E9Fq5/

출처

2012-05-17 12:18:10 ymutlu

완료! 너무 오랫동안 이걸 시도해 줘서 고마워. 9 분 안에 나에게 대답을 받아 들일거야. –

=) 환영합니다. – ymutlu

나는했다. 그러나 나는 10 분을 기다려야한다고 말했다. –

function setImg(a){ 
    var file_parts = a.getElementsByTagName('img')[0].src.split("."); 
    var new_name = file_parts[0] + "lrg." + file_parts.slice(1).join("."); 
    document.getElementById('ImageFrame').src = new_name; 
}

하도록 확장 예.

출처

2012-05-17 12:24:46 apsillers

자바 스크립트를 통해 이미지 소스에 글자를 추가하십시오.

답변

관련 문제