4

これを実現するにはどうすればよいですか。画像をクリックするとimgThumb1、この画像の src が にコピーされますmainIMGが、クリックしても画像は変化しません...どうすればよいですか?

$(document).ready(function(){
    $('.propertyResultImageThumb img[alt="imgThumb1"]').click(function(){
        var trial = $('img[alt="imgThumb1"]').attr('src');
        $("#mainIMG").attr("src", trial);
    });
});


<img alt="mainIMG" src="" id="mainIMG"/>
<img alt="imgThumb1" src="http://..../uploads/2012/09/Villa-Located-In-Almansa.jpg" />
4

4 に答える 4

5 
$(document).ready(function(){
    $('img[alt="imgThumb1"]').click(function(){
        var trial = $('img[alt="imgThumb1"]').attr('src');
        $('img[alt="mainIMG"]').attr("src", trial);
    });
});

デモ

私のコード

$(function(){
    $('#first').click(function(){
        $("#second").attr("src", $(this).attr('src'));
    });
});

<img src="" id="first"/>
<img src="" id="second" />
于 2012-09-14T06:09:43.997 に答える
1

クラスpropertyResultImageThumbを持つコンテナにhtmlをラップしてみてください

<div class="propertyResultImageThumb ">
<img alt="mainIMG" src="" id="mainIMG"/>
<img alt="imgThumb1" src="http://..../uploads/2012/09/Villa-Located-In-Almansa.jpg" />
</div>

その後、このようにします

$(document).ready(function(){
    $('.propertyResultImageThumb img[alt="imgThumb1"]').click(function(){
        var trial = $(this).attr('src');
        $("#mainIMG").attr("src", trial);
    });
});
于 2012-09-14T06:05:24.620 に答える
0

クラス名が「propertyResultImageThumb」の親dom要素が必要ですjsfiddleを確認してください

http://jsfiddle.net/erwKP/1/

于 2012-09-14T06:12:22.740 に答える
0

サーバーから再度ダウンロードせずに画像をコピーする場合 (キャプチャの場合は変更される可能性があります)、次のコードを使用する必要があります。

$(function(){
    $('#first').click(function(){
        img_copy(document.getElementById('#first'),document.getElementById('#second'));
    });
});

//copy src to destination without destination to download the image
function img_copy(src,destination)
{
     var canvas = document.createElement('canvas');
    var context = canvas.getContext('2d');
    context.drawImage(src, src.width, src.height);
    var dataURL = canvas.toDataURL();
    destination.src = dataURL;
}



<img src="" id="first"/>
<img src="" id="second" />
于 2015-05-26T10:48:22.887 に答える