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中的宽度 - ＆gt; slider_1_container和幻灯片

你的影像可能有不同的宽度吗？并在slider1_container overflow：hidden

中添加

2图像同时显示

1 个答案: