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

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