如何使用未知图像名称交换点击图像？

Question

我有两张图片必须通过点击其中一张进行交换：

<img id="large-img" src="" />
<img id="small-img" src="" />

由于人们会通过内容管理系统上传图片 - img src未知。

这是JSFIDDLE DEMO

Answer 1

看here。

基本上，你交换他们的src属性，你不知道他们的价值并不重要。检查jsfiddle，单击任何图像，然后单击voilà！。魔术

$('#myimage1,#myimage2').on('click', function() {
    var $img1 = $('#myimage1');
    var $img2 = $('#myimage2');
    var url = $img1.attr('src');
    $img1.attr('src', $img2.attr('src'));
    $img2.attr('src', url);
});

Answer 2

在你的jsfiddle上尝试这个代码，它很好用，

$(document).ready(function(){

$("#myimage1").click(function(){
    var imgsrc=$("#myimage2").attr('src');
    $("#myimage2").attr('src', $("#myimage1").attr('src'));
    $("#myimage1").attr('src',imgsrc);
});

$("#myimage2").click(function(){
    var imgsrc=$("#myimage1").attr('src');
    $("#myimage1").attr('src', $("#myimage2").attr('src'));
    $("#myimage2").attr('src',imgsrc);
});

});