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');
}