WordPress的 - 奇怪的裝載問題

Question

我目前使用的這個主題的修改版本，顯示的年度報告：

http://www.elegantthemes.com/preview/ElegantEstate/

爲我們的項目經理要我不能鏈接的報告，以保持私人直到發射。

項目經理抱怨奇怪的加載模式，其中一些內容在第一張幻燈片上出現幾秒鐘，直到頁面完全加載。我自己沒有這個問題。

任何人都可以解釋爲什麼這可能會發生，我怎麼能解決它？我可以安裝一個可以預載整個頁面或類似內容的插件嗎？

我試過一個圖像預加載插件，沒有解決問題。

感謝您的幫助。

Answer 1

許多滑塊採用所有內容的HTML加載技術，是這樣的：

<div id="slider"> 
    <div class="pane"> 
    content 
    </div> 
    <div class="pane"> 
    content 
    </div> 
    <div class="pane"> 
    content 
    </div> 
</div> 

而高度和所有三個獨立的窗格中的高度和寬度的組合的寬度，這將是大於滑塊包裝div。對於那些不使用JS的人來說，這是他們將看到的。這被認爲是優雅的退化，從而他們不會得到幻想滑塊，但他們仍然能夠看到內容。

一旦JS加載到頁面中，滑塊腳本很可能會應用限制可查看滑塊區域大小的CSS規則。滑塊可能會得到高度和寬度參數和溢出的聲明，是這樣的：

width:200px; 
height:200px; 
overflow:hidden; 

一旦這些規則生效，滑塊會看，因爲它應該。在這種情況發生之前，您的滑塊看起來不像滑塊，所有內容都將以非常醜陋的方式顯示。

您的項目經理看到它與您不同的原因可能是由於連接速度不同或個別瀏覽器不一致。這聽起來像你的滑塊正在工作，你只是想讓它做一些不該做的事情。

我認爲你可以通過在CSS樣式表中添加類似於上面給出的規則的方法來破解這個工作方式。

我知道你不能在這裏發佈網址，但是如果你可以發佈或鏈接到一些JS，HTML和/或CSS滑塊（甚至是在這個項目中使用的滑塊腳本），我們可能會更多幫幫我。