0

私の写真ギャラリーでは、画像をクリックすると、大きな画像がそのソースに変更されるだけです。しかし今、画像の onclick 関数が、最初に画像に挿入するソースを取得し、最後に「lrg」を挿入する前に 3 文字を追加する必要があります。

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>

リンクが「イメージフレーム」に挿入されたら、ソースを 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 に答える