javascript - nivoSlider未定义资源

我正在尝试使nivoSlider在此站点http://fritech.co.uk/上工作，该站点具有三张图像

<div id="slideshow" class="section theme-nivo">
    <div class="ribbon"></div>
    <div class="nivoSlider">
        <img src="static/img/logos.png" alt="Our inhouse skills" />
        <img src="static/img/atlanta.png" alt="Modern technologies" />
        <img src="static/img/boston.png" alt="Ruggedly tested software" />
    </div>
</div>

但是nivoSlider仅显示其中之一，始终显示第一。我不确定这里出了什么问题。任何帮助，将不胜感激。

最佳答案

您的问题是您将#slideshow id添加到html中的错误容器中:

<div id="top" class="bordered-section">
    <div id="slideshow" class="section theme-nivo">
        <div class="ribbon"></div>
        <div class="nivoSlider">

            <img src="http://placehold.it/260x180" alt="Our inhouse skills" />
            <img src="http://placehold.it/260x180" alt="Modern technologies" />
            <img src="http://placehold.it/260x180" alt="Ruggedly tested software" />
        </div>
    </div>
</div>

该ID应该放在用作背景图像的图像容器中。

固定。

<div id="top" class="bordered-section">
    <div class="section theme-nivo">
        <div class="ribbon"></div>
        <div id="slideshow" class="nivoSlider">

            <img src="http://placehold.it/260x180" alt="Our inhouse skills" />
            <img src="http://placehold.it/260x180" alt="Modern technologies" />
            <img src="http://placehold.it/260x180" alt="Ruggedly tested software" />
        </div>
    </div>
</div>

您可以在Documentation插件下找到正确的用法。

关于javascript - nivoSlider未定义资源，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9908287/