Jquery 将背景图像添加到wordpress的导航菜单并动态更改图像

在我的wordpress主页上有导航菜单，所以我想在前4个导航菜单中添加4个不同的图像，然后如果第5个菜单可用，则将第1个菜单图像作为背景，同样用于第6->第2个图像，用于第7->第3个图像，用于第8->第4个图像，这样的序列将一直运行到菜单列表的末尾。因此，它将继续4组系列。因此，对于导航图像，我使用无序列表这个标记。

---

所以请帮帮我。。我对这个问题很感兴趣。

对于这个HTML标记

<ul id="menu">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
    <li>item 6</li>
    <li>item 7</li>
    <li>item 8</li>
    <li>item 9</li>
</ul>

只需将

background

属性中的颜色替换为要用作背景的图像即可

---

您在farPuzovic尝试了什么-关于背景图像，我有一个问题，我想当菜单文本增加时，背景图像会被拉伸，即图像的宽度应该增加，而不使用重复y。因为我用的是哪张照片，四个角都有子弹，所以看起来很糟糕。那么你有什么解决办法请给我。。我试了很多。。请帮帮我！

#menu {
    list-style-type: none;
}

#menu li:nth-child(4n-3) {
    background: red;
}
#menu li:nth-child(4n-2) {
    background: green;
}
#menu li:nth-child(4n-1) {
    background: blue;
}
#menu li:nth-child(4n) {
    background: silver;
}