在页面上的图像之前加载 Javascript 外部文件
我有一个 javascript 轮播图库,它定义了我的图像所在的容器。图像的宽度和高度有必要设置为 100%,以便它们是容器的大小并随容器调整大小。当页面在 ie 中加载时,大概在加载 javascript 之前,图像会闪现,其宽度为页面的 100%,因为 java 尚未加载容器?
我的页面是在 php 中,它没有在 html 中执行此操作,因此可能是由于 php 加载方式所致?
有没有办法让 javascript 在图像之前加载或停止页面显示,以便看不到闪烁的图像?
谢谢
I have a javascript carousel gallery which defines the container my images sit in. Its necessary for the width and height of my images to be set to 100% so that that they are the size of the container and resize with the container. When the page is loading in ie, presumably before the javascript is loaded the images flash up with their width as 100% of the page, because the java hasnt loaded the container yet?
My page is in php, it didnt do this in html so it might be due to the way php loads?
Is there a way to make the javascript load before the images or to stall the page showing up so the images flashing up isnt seen?
thanks
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
使图像周围的 div 显示:无,然后使用文档准备好的东西来显示它。 JS 在页面加载后运行,例如:后图像等。
make the div around the images display:none and then use the document ready stuff to show it. JS runs after the page loads, eg: after images etc.
您可能想要使用 jquery 图像预加载器。
它首先加载所有 javascript,然后以静默方式预加载它们,而不会在页面加载期间更改显示
You may want to use the jquery image preloader.
It loads all the javascript first and preload them later silently, without changing the display during page load