如何根据页面内容加载不同的图像？

Question

我希望能够根据条件参数将一个图像加载到静态html页面中;所以如果X =“something”则src =“something.jpg”，如果X =“another”则src =“another.jpg”等等。

我无法使用数据库。

所以我正在寻找一些其他可以使用某种数组的技术或方法，并根据页面中的独特内容加载该数组中的一个图像。

我猜jQuery可能会完成这项工作，或者可能使用XML / XSLT，但我不是程序员，所以任何建议/指南/指针都会感激不尽：）

Answer 1

如果您愿意使用jQuery，可以在DOM完成加载后添加图像。

在html中添加div标签

<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" />')
    }
}