jssor 滑块将线留在一边并在不需要时缩放

Question

我正在使用 jssor 滑块制作幻灯片，它在 IE11 和 Firefox 中运行良好。然而，在 Chrome 中，它会在一些（但不是全部）图像的右边缘留下一条深色垂直线。它还会在随机启动时调整图片大小，使它们太大。图片以 335x260 像素存储，滑块的宽度设置为 335 像素。这太疯狂了，我看不出问题出在哪里，我大部分都在使用他们的代码。我的猜测是一个简单的错误，但我看不到它，并且在做其他部分时一直在寻找字面上的天数。这是代码和 css:

#PhotoShow {
clear: both;
float: left;
height: 260px;
width: 335px;
display: block;
margin-left: 0;
}

<div id="PhotoShow" >
    <div id="slider1_container" style="position: relative; width: 335px;">
    <!-- Slides Container -->  
    <div data-u="slides" style="cursor: move;  position: absolute; width: 335px; height: 260px; overflow: hidden;">
    <div><img data-u="image" src="photos/4JoeBonamassa.jpg" </div>
        <div><img data-u="image" src="photos/4WarrenHaynes.jpg" ></div>
        <div><img data-u="image" src="photos/4JeffBeck.jpg" ></div>
        <div><img data-u="image" src="photos/4LeePomeroy.jpg"></div>
    </div>

<!-- ---------------------  -->

</div>
</div>


<script type="text/javascript" async>
     jQuery(document).ready(function ($) {
        var _SlideshowTransitions = [{$Duration:700,$Opacity:2,     $Brother:{$Duration:1000,$Opacity:2}} ]; 
        var _CaptionTransitions = [];
        var startImgNumber =Math.floor((Math.random()*16)+1);
        var options = {
            $CaptionSliderOptions: {
            $Class: $JssorCaptionSlider$,
            $CaptionTransitions: _CaptionTransitions,
            $PlayInMode: 1,
            $PlayOutMode: 3},
            $AutoPlay: true,
            $DragOrientation: 1,                            
            $AutoPlayInterval: 5000,  // ADJUST!!!!
            $FillMode: 1,
            //$SlideHeight: 260,
            $LazyLoading: 2,
            //$PauseOnHover: 0,
            $StartIndex: startImgNumber,
            $SlideshowOptions: {
                $Class: $JssorSlideshowRunner$,
                $Transitions: _SlideshowTransitions,
                $TransitionsOrder: 1,
                $ShowLink: true
            }
           };
        var jssor_slider1 = new $JssorSlider$("slider1_container", options);

    function ScaleSlider() {
        var parentWidth = $('#slider1_container').parent().width();

        if (parentWidth) {
            jssor_slider1.$ScaleWidth(parentWidth);
            }
          else
            {window.setTimeout(ScaleSlider, 30);}
    }
    //Scale slider after document ready
    ScaleSlider();

    //Scale slider while window load/resize/orientationchange.
    $(window).bind("load", ScaleSlider);
    $(window).bind("resize", ScaleSlider);
    $(window).bind("orientationchange", ScaleSlider);
    //responsive code end

    });
</script>

Answer 1

还不确定确切的问题是什么。

请始终保持'top: 0px; left: 0px; width: ...px; height: ...px;'的容器。

然后尝试将 $HWA 选项设置为 false。

jssor 滑块将线留在一边并在不需要时缩放

jssor slider leaving line on side and scaling when not needed

css

jssor