javascript - 2张图片同时显示

Question

我在我的页面中使用了 JSSOR SLIDER，它可以工作但不正常。

当显示第一个图像时，也会显示第二个图像的某些部分。如何删除它？

<script type="text/javascript" src="js/jssor.js"></script>
<script type="text/javascript" src="js/jssor.slider.js"></script>
<script>
   jQuery(document).ready(function ($) {
      var options = { $AutoPlay: true };
      var jssor_slider1 = new $JssorSlider$('slider1_container', options);
   });
</script>

<div id="slider1_container" style="position: relative;top: 0;left: 0;height: 400px;">
 <div u="slides" style="cursor: move;position: absolute;overflow: hidden;left: 0;top: 0;height: 300px;">
  <div><img u="image" src="images/home1.jpg"></div>
  <div><img u="image" src="images/home2.jpg"></div>
  <div><img u="image" src="images/home3.jpg"></div>
  <div><img u="image" src="images/home4.jpg"></div>        
 </div>
</div>

谁能帮我，2张图片没有同时显示。

! From the Image you can see that in the right side the second image 'Home2' is seen. I want to remove that. When 2nd image will come, in the right side, the 3rd image will be seen.

从图像中可以看到，在右侧可以看到第二张图像“Home2”。我想删除它。当第二张图片出现时，在右侧，将看到第三张图片。

Answer 1

尝试在两个 div -> slider_1_container 和 slides 中给出宽度

您的图像宽度可能不同吗？并在 slider1_container 中添加 overflow:hidden