Jquery SlidesJS-显示为条带的图像
我会在插件的Github页面上发布这篇文章,但它已经安静了一段时间 我使用的是SlidesJS,这应该是一件相当容易实现的事情,确实如此,但出于某种原因,图像在加载第一张图像时显示为条带,而不是完整的图像。如果我刷新页面,因为它是缓存的,这很好,但在第一个实例中,它们只是作为条带加载 我在下面附上了一个截图和代码,该站点位于: 任何有助于解开这一谜团的方法都会很好 干杯, RJquery SlidesJS-显示为条带的图像,jquery,css,slideshow,Jquery,Css,Slideshow,我会在插件的Github页面上发布这篇文章,但它已经安静了一段时间 我使用的是SlidesJS,这应该是一件相当容易实现的事情,确实如此,但出于某种原因,图像在加载第一张图像时显示为条带,而不是完整的图像。如果我刷新页面,因为它是缓存的,这很好,但在第一个实例中,它们只是作为条带加载 我在下面附上了一个截图和代码,该站点位于: 任何有助于解开这一谜团的方法都会很好 干杯, R 是否每个浏览器都会出现此问题?此外,滑块通常要求您将包含元素的溢出属性设置为隐藏,您是否检查过这是否是问题所在?如果我将
是否每个浏览器都会出现此问题?此外,滑块通常要求您将包含元素的溢出属性设置为隐藏,您是否检查过这是否是问题所在?如果我将溢出属性从隐藏更改为可见,则图像显示良好,将其切换回原来的状态,并再次将其设为条带,因此这显然与此有关。有什么想法吗?我想一定是因为滑块容器上没有定义高度。为容器设置固定高度可消除任何问题。但是,高度设置为自动或100%不起作用,必须为固定高度。不理想,但它可以工作。听起来可能是包含div的大小。是的,你肯定需要为这些东西设置一个大小。你基本上是把容器当作面具。如果你需要一个灵活的高度,那么也许你可以使用最小高度。不过,我不确定这是否行得通。
<script>
$(function(){
$('#slides').slides({
preload: true,
generateNextPrev: false,
pagination: true,
autoHeight: true,
effect: 'fade',
bigTarget: true,
//fadeSpeed: 150,
generatePagination: false,
slidesLoaded: function() {
$('#slide_count .total').text( $('.slides_control').children().length );
},
animationComplete: function( current ) {
$('#slide_count .current').text( current );
}
});
});
</script>