如何將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標籤？

回答

相關問題