第一次加载容易滑块溢出问题（再次同样的问题）

我有一个奇怪的问题，我使用简单滑块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

第一次加载容易滑块溢出问题（再次同样的问题）

回答

相关问题