第一次加載容易滑塊溢出問題（再次同樣的問題）

我有一個奇怪的問題，我使用簡單滑塊1.5幻燈片。一切工作正常，但當我第一次加載頁面，右側溢出，然後刷新頁面一次後，一切都很好.........第一次加載容易滑塊溢出問題（再次同樣的問題）

這裏是主頁的鏈接link text

好的，這裏是我的代碼的CSS部分，我認爲我不知道多少關於定位，所以一定有一些問題，可能是我的sliderwrap。

您可以檢查Firefox 3.6和Chrome最新版本中的問題。在歌劇中它根本不會發生。 問題在谷歌Chrome是更嚴重的

有一件事我的螢火已經注意到，當首次在網站loades，滑塊ID寬度顯示1079px和高度312px，當我刷新瀏覽器的Firefox和鉻（不歌劇），寬度和高度再次去實際和螢火蟲顯示我901和303像素....

來源

2010-06-25 Muhammad Ahsan

是CSS加載之前的CSS文件？ – superUntitled 2010-06-25 19:36:10

yes javascript is loading before css – 2010-07-05 19:05:07

沒問題superunited解決了我的問題，只是在你的腳本執行之前加載CSS文件導致錯誤計算高度和寬度的問題。 – 2010-07-05 19:08:16

你需要修復你的CSS ...如果你已經發布是你有什麼，有重複的歸因，但最重要的是，你有語法錯誤...

缺少類或ID標識：

nextBtn {左：1021px}

prevBtn一個，

關於你的HTML，你的帖子沒有包含所有的滑塊的元素，但似乎沒事！同樣的Javascript部分！

來源

2010-06-25 19:52:10 Zuul

你可能是對的，但爲什麼我的網站從本地磁盤打開頁面時準確加載，但是當我用同一瀏覽器上網時，第一次加載發生溢出......你可以在網上看到它通過去這個網站 http://www.gulzarchildcare.com – 2010-06-25 20:47:53

#sliderwrap {background-color：＃00314e; 明確：左; color：＃f2f2f2; } #slider ul {list-style：none; margin：0; padding：0px;} #slider li {width：901px; height：303px; overflow：hidden;} #nextBtn {display：block; width： 36px; height：36px; position：absolute; left：1025px; top：250px; z-index：1000;} #prevBtn {display：block; width：36px; height：36px; position：absolute; left：70px; top ：images/prebtn.png no-repeat 0 0} #nextBtn a {display：block; width：36px; height：36px; background：url（images/prebtn.png）no-repeat 0 0} #nextBtn a {display： block; width：36px; height：36px; background：url（images/nextbtn.png）no-repeat 0 0} – 2010-06-25 20:56:59

好了這個問題似乎可以通過在主機服務器上應用本地jquery.js文件來解決。首先我用腳本獲取谷歌最新的jquery文件。我見過一些關於firefox bug的文章，並且有一些信息可以在本地調用jquery.js ......... 而且你的建議很好地讓代碼清理，但easyslider 1.7的作者使用了非常奇怪的CSS代碼........ 感謝您的幫助 – 2010-06-25 21:08:57

第一次加載容易滑塊溢出問題（再次同樣的問題）

回答

相關問題