将图像源设置为另一个图像

Question

我有两个图像，我想将第一个图像的src设置为第二个图像，知道源将继续改变我不能保持相同，我该怎么做？这是我到目前为止所尝试的：

＆＃13;

＆＃13;

$("#image2").attr("src","/images");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="image1" width="50" height="50" src="/images">
 <img id="image2" width="50" height="50" src="">

＆＃13;

＆＃13;

＆＃13;

Answer 1

在第一张图片上使用onload。我做了这个内联，因为我们需要捕获标签上的onload而不是加载后。 每当第一张图像发生变化时，这将改变第二张图像

<img id="image1" width="50" height="50" 
src="http://lorempixel.com/output/sports-q-c-50-50-1.jpg" 
onload="document.getElementById('image2').src=this.src">

<img id="image2" width="50" height="50" src="">

Answer 2

如果我理解正确，你想从第一张图片中读取src属性并将其设置为第二张图片吗？然后你可以简单地做：

$("#image2").attr("src", $("#image1").attr("src"));