如何根據頁面內容加載不同的圖像？

我希望能夠根據條件參數將一個圖像加載到靜態html頁面中;所以如果X =「something」，那麼src =「something.jpg」，如果X =「another」，那麼src =「another.jpg」等等。如何根據頁面內容加載不同的圖像？

我無法使用數據庫。

所以我正在尋找一些其他技術或方法，可以使用某種數組並從該數組中加載一個圖像，具體取決於頁面內的獨特內容。

我猜的jQuery可能做的工作或可能使用XML/XSLT，但我不是程序員，所以任何建議/準則/指針將受到歡迎:)

來源

2013-04-23 PBB

你的邏輯添加圖像難道這些的img標籤的靜態圖像，也許在一個網站佈局的背景圖像？什麼是「X」？它是來自AJAX回調，用戶交互的動態值，還是在頁面加載時可用（並且永遠不會改變）？ – 2013-04-23 19:52:32

如果你願意使用jQuery ，您可以在DOM完成加載後添加圖像。

添加div標籤在HTML

<div id="test"></div>

，並使用JavaScript

$(document).ready(){ 
yourLogic = true; 
    if (yourLogic){ 
     ('#test').prepend('<img id="imgId" src="path.png" />') 
    }else{ 
     ('#test').prepend('<img id="imgId" src="someOtherPath.png" />') 
    } 
}

來源

2013-04-23 20:02:12 Felipe

如何根據頁面內容加載不同的圖像？

回答

相關問題