如何将IMG SRC从一个HTML标签拖入另一个HTML标签？

我正在上一个学校项目，我想知道这是否可能：如何将IMG SRC从一个HTML标签拖入另一个HTML标签？

在一个div中，我定义了一个<img>，它将显示。

在第二个div中，我想要img src来自第一个div。

可以做到这一点吗？最好没有任何东西，除了CSS/HTML。

2014-09-23 user1472747

你将需要JS。然后它很简单 – 2014-09-23 21:26:17

我不认为没有'JavaScript'就没有这种可能。 – 2014-09-23 21:26:21

您不能直接引用它。你会需要JavaScript。我要建议你只应该为图像或按钮的背景等表示图像做些什么。您可以设置一个使用图像作为“背景图像”的CSS类。我会为普通照片做这个。 – hungerstar 2014-09-23 21:35:32

需要Javascript复制src属性，但同时通过CSS定义的背景图像规定在一个地方的网址，您可以有两个图像：

.is-image { 
 
    background: url('http://www.google.com/images/srpr/logo11w.png') no-repeat; 
 
    width: 538px; 
 
    height: 190px; 
 
}

<div class="is-image"></div> 
 
<div class="is-image"></div>

来源

2014-09-23 21:40:18 AlliterativeAlice

如果你不不介意有点 JS你可以在你的HTML中内联。例如。

<img id="img1" src="http://cdn.obsidianportal.com/assets/50953/serenity19dc.png" /> 
 
    
 
<img id="img2" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" onload="this.src=document.getElementById('img1').src" />

在这里，第二图像具有intially只是一个占位符图像（1x1的GIF），但是，它的负载是由SRC从第一图像替换。

来源

2014-09-23 21:42:18

如何将IMG SRC从一个HTML标签拖入另一个HTML标签？

回答

相关问题