如何使Nivo滑块响应

时间:2012-10-31 11:20:09

标签: jquery slider responsive-design nivo-slider

我在WordPress中使用NivoSlider并对主题实现了一些响应式css,我已经修复了宽度和放大倍数。 Nivo Slider中的图像高度和背景大小,但它只显示正确的大小一次,然后在滑块中显示大图像。

以下是该网站的链接:Website

如果我错过了什么,请告诉我。

此致

2 个答案:

答案 0 :(得分:5)

答案 1 :(得分:0)

css

 #nivoSlider, #nivoSlider img{width:100%;height:auto !important}

HTML:

<div class="slider-wrapper theme-default">
    <div class="ribbon"></div>
    <div id="nivoSlider" class="nivoSlider">
       <img src="" />
    </div>
</div>