【发布时间】: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>
谁能帮帮我,两张图片不是同时显示的。
从图片中您可以看到,在右侧可以看到第二张图片“Home2”。我想删除它。当第二张图片出现时,在右侧,将看到第三张图片。
【问题讨论】:
-
包括截图,所以我们有更好的主意?哪里出了问题?
-
您能解释一下
u="image"中的<img>标签的作用吗? -
@Piyush 截图添加
-
包括宽度:400px;在两个 div 的样式下(div id="slider1_container",div u="slides")。根据您的图像大小设置宽度大小
-
使两个 div 的高度相同,现在是 400 和 300,使它们相同
标签: javascript jquery html jssor