Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery SlidesJS-显示为条带的图像_Jquery_Css_Slideshow - Fatal编程技术网

Jquery SlidesJS-显示为条带的图像

Jquery SlidesJS-显示为条带的图像,jquery,css,slideshow,Jquery,Css,Slideshow,我会在插件的Github页面上发布这篇文章,但它已经安静了一段时间 我使用的是SlidesJS,这应该是一件相当容易实现的事情,确实如此,但出于某种原因,图像在加载第一张图像时显示为条带,而不是完整的图像。如果我刷新页面,因为它是缓存的,这很好,但在第一个实例中,它们只是作为条带加载 我在下面附上了一个截图和代码,该站点位于: 任何有助于解开这一谜团的方法都会很好 干杯, R 是否每个浏览器都会出现此问题?此外,滑块通常要求您将包含元素的溢出属性设置为隐藏,您是否检查过这是否是问题所在?如果我将

我会在插件的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>