Question

我真的很感激我对Nivo 7 JQuery图像滑块出现问题的一些帮助。

- 我的网站响应迅速，我有单独的手机和桌面样式表 - 滑块在手机版本上运行良好，我的网站桌面版本出现问题 * 问题： *滑块在第一张图像后压缩约15％，并在所有其他图像中保持这种状态，即使它再次击中第一张图像。图像都是相同的尺寸（我已经检查了很多次）。这不是尺寸问题，滑块只是在出现第一张图像后覆盖了底部15％的图像。我已经复制了所有代码并按照nivo 7网站上的指示附加了相关的样式表。

我不明白的是，它在我的网站的手机版本中完美运行，但不适用于桌面。手机和桌面之间的唯一区别是布局。在桌面上，我在滑块周围放置了一个div包装器，将宽度限制为59％，高度限制为auto。＃home1部分简单地指出宽度为100％。以下是代码：

<div id="homeWrapper">
   <section id="home1">
    <div class="slider-wrapper theme-light">
<div id="slider" class="nivoSlider">
    <img src="pictures/home/MindBodySoulCafe.jpg" width="470" height="303" alt="Mind, Body, Soul     project Cafe perspective"> 
    <img src="pictures/home/MindBodySoulCAD.jpg" width="470" height="303" alt="floor plan     of       Mind, Body &amp; Soul"> 
    <img src="pictures/home/barkmaterials.jpg" width="470" height="303" alt="Materials used for Bark Media Project">
    <img src="pictures/home/modelstairs.jpg" width="470" height="303" alt="Construction model  for staircase">
    </div>
</div>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
    effect: 'slideInLeft',
    pauseTime: 4000,
    pauseOnHover: true,
    startSlide: 0,
});
});
</script>
  </section>
  </div>

不幸的是，我目前无法访问css文件。

Nivo 7 JQuery Slider在第一张图片后压缩约15％

0 个答案: