【问题标题】:How to make Nivo Slider Responsive如何使 Nivo 滑块响应
【发布时间】:2012-10-31 11:20:08
【问题描述】:

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

这里是网站的链接:Website

如果我遗漏了什么,请告诉我。

问候

【问题讨论】:

    标签: jquery slider responsive-design nivo-slider


    【解决方案1】:

    nivo slider 官方宣布它是响应式的,这里是公告。

    http://nivo.dev7studios.com/2012/05/30/the-nivo-slider-is-responsive/

    演示:

    http://nivo.dev7studios.com/responsive-demo/

    【讨论】:

      【解决方案2】:

      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>
      

      【讨论】:

      • +1 感谢您提供的 CSS,也可以在 drupal 中与 Nivo Slider 一起使用。
      猜你喜欢
      • 2023-03-20
      • 2016-05-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多