2013-04-06 64 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