0

在我的照片库中，我有它，因此单击图像只会将较大的图像更改为其来源。但现在我希望图像的 onclick 函数获取它最初注入图像的源，并在注入之前在末尾添加 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>

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

4

2 回答 2

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/

于 2012-05-17T12:18:10.073 回答
1

在更改setImg为

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

于 2012-05-17T12:24:46.367 回答