2011-02-25 35 views
0

我想從css文件中動態加載圖像及其內容。我知道我可以爲div設置background-image屬性,但是我怎樣才能獲得類似的圖像?使用CSS設置圖像源僅

回答

1

您可以將img的src設置爲透明gif,並像設置div一樣設置img的背景圖像,但這有點破解。你可以很方便地使用JavaScript改變圖像的src屬性:

HTML:

<img id="asdf" src="1.gif" /> 

的javascript:

document.getElementById("asdf").setAttribute("src","2.gif"); 
4

你不行。

<img>元素保存內容。該內容的細節不是可以或應該在表示層上描述的內容。

+0

我看看,有沒有什麼辦法來讀取一個CSS文件的內容使用jQuery的? – vondip 2011-02-25 19:18:12

+1

似乎有插件爲它提供了一個訪問樣式表的跨瀏覽器方法(http://stackoverflow.com/questions/1079237/jquery-equivalent-of-yui-stylesheet-utility),但是,鑑於內容,我覺得我現在有點不舒服。 – Quentin 2011-02-25 19:21:50

+0

Quentin在這裏的答案顯然不能回答所問的問題,但它確實邀請OP採取更開明的方法來創作網頁。昆廷的答案如果與一篇描述理想的內容和表達分離的好書相聯繫,會更有效。 – Hovis 2012-08-22 19:31:54