通过javascript向图像源添加字母

在我的照片库中，我有它，所以只要点击一张图片，它就会把较大的图片变成它的来源。但现在我希望图像的onclick函数获取它最初注入图像的源，并在注入“lrg”之前在末尾添加3个字母

Javascript:

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

功能设置（a）{
document.getElementById（'ImageFrame'）。src=
a、 getElementsByTagName（'img'）[0]。src
} 

您单击的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

如果正确，这将解决我们的问题

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

功能设置（a）{
var arr=a.getElementsByTagName（'img'）[0].src.split（“.”）；
document.getElementById（'ImageFrame'）.src=arr[0]+“lrg”+“+arr[1]；
} 

扩展示例

---

更改

设置为

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

这将在文件名的第一个点之前添加“lrg”。
完美！！非常感谢你，我已经尝试了这么久…我会在9分钟内接受答案。我接受了，但它说我必须等10分钟。