Question

我正在开展一个学校项目，我想知道这是否可行：

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

在第二个div中，我希望img src来自第一个div。

有可能这样做吗？除了css / html之外最好没有任何东西。

Answer 1

如果您不介意一点 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" />

此处第二张图片最初只有一个占位符图像（1x1 gif），但在加载时，它会被第一张图像中的SRC取代。

Answer 2

您需要JavaScript来复制src属性，但通过在CSS中定义背景图片，您可以在一个位置定义URL时有两个图像：

.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>

如何将IMG SRC从一个HTML标签拉到另一个？

2 个答案: