2013-04-06 65 views
0

我有一个小问题,我希望你能帮助我。 我的滑块(请参阅http://12hrs.net/guides/12-hrs-in-antwerp/)在装入照片之前显示文件名(image1.jpg, image2.jpg)。滑块内容在初始化之前出现一秒

我试着添加以下代码到我的CSS,但没有任何运气:

.slider > .rsContent { 

显示:无; }

你们有没有其他的想法如何摆脱它?

这里是文档(http://help.dimsemenov.com/kb/royalslider-jquery-plugin-issues/slider-content-appears-for-a-second-before-initialization

+4

尝试修复无效HTML中的64个错误和84个警告(http://validator.w3.org/check?uri=http%3A%2F%2F12hrs.net%2Fguides%2F12-hrs-in-安特卫普%2F&charset =%28detect +自动%29&doctype =内联&组= 0) – j08691 2013-04-06 15:17:22

+0

寻找关于Flash Unstyled Content(FOUC)的文章。有很多他们:) – 2013-04-06 15:17:30

回答

0

你的图像标签是你<HTML>标签之外。我不知道这是不是有意的,但我认为这没有帮助。将它们移动到您的html中,并使用CSS隐藏它们,并尽可能在加载顺序中移动样式表。

这基本上是在你的帖子下的两条评论中描述的。两者都应该解决它。

+0

谢谢你的回答!我不得不把循环/ html之外的顶部滑块放到全角。这可能不是正确的做法,但它是我使它工作的唯一方法。如果它保留在容器中,它会缩小到935px。 – 2013-04-06 15:50:58

+0

你可以使用绝对定位来阻止它被缩放。您的CSS应该处理您的演示文稿,您的HTML是用于结构。 – Lewis 2013-04-06 16:03:11

+0

这一切都有道理。我现在把它放在容器中,但是我不能将它放到整个宽度。这似乎是什么东西覆盖了我附加滑块的CSS。 – 2013-04-06 16:42:30