加载图片顺序-如何让加载网页时,头部和尾部的背景图片先显示?

问题描述

如何让加载网页时,头部和尾部的背景图片先显示?
如:www.willshop.cn
首次访问,也就是没有缓存的情况下, 网站的公用头部,导航和尾部,在显示的背景图片时,必须是整个页面的加载完毕才会显示出来,用户体验效果极为不好。如何处理这种情况,从而使得,加载网页时,头部和尾部的图片先显示?谢谢。

解决方案

使用iframe中间部分另外载入,不影响两个图片,但是对于seo有一定影响。

换句话说就可以用js动态加载中间内容,不过有点复杂。

解决方案二:
将你的script加载的文件全部放到body最后,script的加载会导致页面下载的中断

页头的显示和页面加载完毕无关吧,加载完内容自然会解析显示出来,你的图片太多太大了。首页图片就15M,要对图片压缩下

时间: 2024-08-03 10:45:10

加载图片顺序-如何让加载网页时,头部和尾部的背景图片先显示?的相关文章

【Android】 ListView点击时怎么才能只让背景图片变色,其余部分保持不变?

问题描述 [Android] ListView点击时怎么才能只让背景图片变色,其余部分保持不变? 大家可以看到,我在listview中的布局是两个按Vertical排列的TextView,小弟想实现类似微信上的效果,但是图片上可以看到,当点击Listview时整个布局都会被选中,而不是只选中仅仅包含图片的部分.所以想请教下怎么样才能实现?是否微信的效果不是用listview做的? PS:小弟初出茅庐,没有分可以悬赏,望各位大哥不吝赐教! 解决方案 1.你现在设置的点击内容是ListView的整个

启动-android同一个页面第二次打开时背景图片没加载出来

问题描述 android同一个页面第二次打开时背景图片没加载出来 我有一个登录页面,之前打开一直没有问题,背景图片加载正常,后来在另一个地方启动这个activity时,背景图片没加载出来,背景是黑色的. 目前猜测是图片的问题,因为换过别的图片没有问题,但是就这张图片有问题,可能是图片太大 解决方案 你说的不是很清楚,如果图片太大的问题,建议进行图片的压缩,然后进行加载.你先试试这个方法. 解决方案二: ![ ![

利用jQuery和CSS将背景图片拉伸_jquery

现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果.本文将带您一起使用jQuery和CSS实现背景图片拉伸效果. 将背景图片拉伸,而不是平铺,注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果,本文讨论的是背景图片的拉伸效果.这种效果在一些前卫的页面设计中已经广泛应用,尤其在一些独立页面,像登录页面使用拉伸的背景图片效果比较

windowbuilder界面设计插入背景图片

问题描述 怎么在windowbuilder界面设计里在窗口上插入背景图片呢?大神求解救!!! 解决方案 解决方案二:引用楼主Fanduoduer的回复: 怎么在windowbuilder界面设计里在窗口上插入背景图片呢?大神求解救!!! 加373204858,我告诉你,里面也有很好的设背景图片的例子解决方案三:该回复于2014-09-22 08:43:35被版主删除

校内网css代码添加背景图片常用代码_经验交流

序号 中文说明 标记语法 备注 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(URL)|none} 3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 4 背景固定 {background-attachment:fixed|scroll} 5 背景定位 {background-position:数值|top|bottom|left|rig

Excel 2013中为数据区域添加背景图片的的方法

  Excel 2013中为数据区域添加背景图片的的方法           1.启动Excel 2013并打开工作表,在"页面布局"选项卡的"页眉设置"组中单击"背景"按钮,如图1所示. 图1 单击"背景"按钮 2.打开"插入图片"窗口,单击"来自文件"按钮,如图2所示.此时将打开"工作表背景"对话框,选择作为背景的图片后单击"插入"按钮将其插入

css实现body背景图片水平垂直居中方法

 <style type="text/css"> *{margin:0; padding:0;} html,body{ width:100%; height:100%;} body{ background:#fff url(/eg/eg_2014_01_02_14_50.jpg) center no-repeat;} </style>   <div class="wrap"> <h2>让body标签中的背景图片水平垂直

html-div里面用style=&amp;amp;quot;background-image:url(来设置背景图片

问题描述 div里面用style="background-image:url(来设置背景图片 但是背景图片太大了,页面上显示不了,怎么才能设置div里面的这个图片的大小呢,或者用哪种方式或属性能让图片自适应呢?代码大概如下: );height:expression(body.clientHeight>639?603:(body.clientHeight-36));"> 求指教啊.. 解决方案 用 background-size 属性可以调整背景图片的尺寸或者让它适应 div

iphone-UIButton背景图片禁用的问题

问题描述 UIButton背景图片禁用的问题 在我的UIButton中,设置的背景图片的三个状态:正常,高亮,禁用. [button setBackgroundImage:buttonBGD forState:UIControlStateDisabled]; 问题是,每次禁用状态,iPhone会让图片变亮.我不需要这样. [button setAdjustsImageWhenDisabled:NO]; 但是图片还是那样,不知道怎么解决?谢谢 解决方案 这是苹果做的限制,因此没有什么特别好的解决方