javascript - 通过javascript向图像源添加字母

Question

在我的照片库中，我有它，因此单击图像时，它只会将较大的图像更改为其来源。但现在我希望图像的 onclick 函数获取最初注入(inject)图像的源，并在注入(inject)之前在末尾添加 3 个字母“lrg”。

Javascript:

<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>

当链接注入(inject)“imageframe”时，我希望源更改为 JCF/PICT0421lrg.jpg

Answer 1

如果我做对了，这将解决我们的问题。

<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>

扩展示例 http://jsfiddle.net/ymutlu/E9Fq5/