Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/233.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
Php 为什么滑块中的所有图像在调整到适当位置之前先对齐1-2秒?_Php_Jquery - Fatal编程技术网

Php 为什么滑块中的所有图像在调整到适当位置之前先对齐1-2秒?

Php 为什么滑块中的所有图像在调整到适当位置之前先对齐1-2秒?,php,jquery,Php,Jquery,如果你打开这个页面 在排列之前,所有的图像都像竖直的一样保持一两秒钟。根据互联网速度的不同,可能需要几秒钟 我们如何删除此项?这是预期的行为。滑块只有在加载JS后才会生效,这样没有JS的人仍然可以使用该站点。为了最大限度地减少中断,您可以向图像添加一些默认样式,以便它们在默认情况下向右浮动 或者,您也可以完全隐藏此代码块,并在加载后通过JS显示。但这意味着禁用JS的人将无法与您的图像交互 这可以避免将背景图像放置到主滑块div容器中(并设置overflow:hidden),以便它显示序列中的第一

如果你打开这个页面

在排列之前,所有的图像都像竖直的一样保持一两秒钟。根据互联网速度的不同,可能需要几秒钟


我们如何删除此项?

这是预期的行为。滑块只有在加载JS后才会生效,这样没有JS的人仍然可以使用该站点。为了最大限度地减少中断,您可以向图像添加一些默认样式,以便它们在默认情况下向右浮动


或者,您也可以完全隐藏此代码块,并在加载后通过JS显示。但这意味着禁用JS的人将无法与您的图像交互

这可以避免将背景图像放置到主滑块div容器中(并设置overflow:hidden),以便它显示序列中的第一个图像,例如,当滑块最终加载时,该图像与..相同的图像重叠,从而给人一种开始时间更长的印象

否则,在显示页面主体之前,您可以等待加载所有DOM

....
<body>
<script type="text/javascript">
document.body.className += "invisible";
</script>
.....
</body>
当DOM完全加载时,删除该类(将其放在
部分。我使用的是jQUery,因此请确保在此之前调用它):


这样显示整个页面,给人的印象是服务器响应稍微长一点,最坏的情况是。如果禁用javascript,您将获得正常的行为。

从Chrome和FF上看一切正常。
.invisible{ visibility:hidden}
$(document).ready(function(){

  $('body').removeClass('invisible');
}