【问题标题】:2 Images display at the same time2张图片同时显示
【发布时间】:2014-11-29 23:51:19
【问题描述】:

我在我的页面中使用 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>

谁能帮帮我,两张图片不是同时显示的。

!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”。我想删除它。当第二张图片出现时,在右侧,将看到第三张图片。

【问题讨论】:

  • 包括截图,所以我们有更好的主意?哪里出了问题?
  • 您能解释一下u="image" 中的&lt;img&gt; 标签的作用吗?
  • @Piyush 截图添加
  • 包括宽度:400px;在两个 div 的样式下(div id="slider1_container",div u="slides")。根据您的图像大小设置宽度大小
  • 使两个 div 的高度相同,现在是 400 和 300,使它们相同

标签: javascript jquery html jssor


【解决方案1】:

尝试在两个 div 中给出宽度 -> slider_1_container 和幻灯片

您的图片是否有不同的宽度? 并在slider1_container中添加溢出:隐藏

【讨论】:

    猜你喜欢
    • 2021-12-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多