Javascript 页面加载时基本jQuery滑块无法正确显示（响应设置）

我使用的是最新的bjqs和jquery版本。我没有编辑任何bjqs css。问题是当页面加载时，第二个图像在视图中。幻灯片在可以看到另一幅图像的地方滑入时会继续此操作。但是，如果我以任何方式调整窗口的大小，BJQ会执行它应该执行的操作，它会调整图像的大小，以便只有一个图像可见

    <!-- start Basic Jquery Slider -->
    <ul class="bjqs">
        <li><img src="http://www.basic-slider.com/img/banner01.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner02.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner03.jpg" title="Automatically generated caption" /></li>
    </ul>
    <!-- end Basic jQuery Slider -->

  </div>
  <!-- End outer wrapper -->

我明白了：

    <!-- start Basic Jquery Slider -->
    <ul class="bjqs">
        <li><img src="http://www.basic-slider.com/img/banner01.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner02.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner03.jpg" title="Automatically generated caption" /></li>
    </ul>
    <!-- end Basic jQuery Slider -->

  </div>
  <!-- End outer wrapper -->

这是我的标记

<div id="container"> 
<-- slider in here -->
</div>

#container {max-width: 1600px;}

jQuery(document).ready(function($) {

$('#banner-slide').bjqs({
animtype      : 'slide',
height        : 520,
width         : 1600,
responsive    : true,
});
});

    <!-- start Basic Jquery Slider -->
    <ul class="bjqs">
        <li><img src="http://www.basic-slider.com/img/banner01.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner02.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner03.jpg" title="Automatically generated caption" /></li>
    </ul>
    <!-- end Basic jQuery Slider -->

  </div>
  <!-- End outer wrapper -->

---

我在这里复制类似的东西：

    <!-- start Basic Jquery Slider -->
    <ul class="bjqs">
        <li><img src="http://www.basic-slider.com/img/banner01.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner02.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner03.jpg" title="Automatically generated caption" /></li>
    </ul>
    <!-- end Basic jQuery Slider -->

  </div>
  <!-- End outer wrapper -->

html:

    <!-- start Basic Jquery Slider -->
    <ul class="bjqs">
        <li><img src="http://www.basic-slider.com/img/banner01.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner02.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner03.jpg" title="Automatically generated caption" /></li>
    </ul>
    <!-- end Basic jQuery Slider -->

  </div>
  <!-- End outer wrapper -->

jQuery初始化：

    <!-- start Basic Jquery Slider -->
    <ul class="bjqs">
        <li><img src="http://www.basic-slider.com/img/banner01.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner02.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner03.jpg" title="Automatically generated caption" /></li>
    </ul>
    <!-- end Basic jQuery Slider -->

  </div>
  <!-- End outer wrapper -->

jQuery(document).ready(function($) {

    $('#banner-slide').bjqs({
        animtype      : 'slide',
        height        : 520,
        width         : 1600,
        responsive    : true,
    });
});

图像的尺寸与js高度和宽度中声明的尺寸不同。如果我将尺寸更改为与实际尺寸相等，则效果良好

    <!-- start Basic Jquery Slider -->
    <ul class="bjqs">
        <li><img src="http://www.basic-slider.com/img/banner01.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner02.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner03.jpg" title="Automatically generated caption" /></li>
    </ul>
    <!-- end Basic jQuery Slider -->

  </div>
  <!-- End outer wrapper -->

我注意到，如果我使用高度：826，宽度：1600（按比例缩放图像），图像的设置与图像显示的类似。如果我调整结果窗口的大小，图像的大小将与您描述的一样

    <!-- start Basic Jquery Slider -->
    <ul class="bjqs">
        <li><img src="http://www.basic-slider.com/img/banner01.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner02.jpg" title="Automatically generated caption" /></li>
        <li><img src="http://www.basic-slider.com/img/banner03.jpg" title="Automatically generated caption" /></li>
    </ul>
    <!-- end Basic jQuery Slider -->

  </div>
  <!-- End outer wrapper -->