位置: 编程技术 - 正文

解析预加载显示图片艺术(显示解析包时出错是怎么回事)

编辑:rootadmin

推荐整理分享解析预加载显示图片艺术(显示解析包时出错是怎么回事),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:加载解析初始化,加载解析初始化,显示解析包时出错是怎么回事,加载验证解析准备初始化,显示解析包时出错是怎么回事,加载解析初始化,显示解析包时出错是怎么回事,一直显示解析包出现问题,内容如对您有帮助,希望把文章链接给更多的朋友!

一般情况下网页中的图片都是随文档流依次加载的,什么时候用到则什么时候加载,但是有些时候这样的加载方式往往会影响用户体验,比如鼠标hover变换背景图片的时候,只有鼠标移入才会对变换的图片进行加载,这样就可能会出现片刻的加载空白现象;又比如图片显示后隐藏再显示网站内容等也是同样的道理。

为了在必要的时候增加用户体验,提高网页的交互逼格,这里不得不介绍下图片预加载的艺术啦。

那么什么是图片预加载呢?

道理很简单啦,虽然某些图片一时半会我用不到,但是为了避免使用时出现的措手不及的现象,我还是乖乖把它们先准备好,在某些时候悄悄的把它们加载进来,以防一时之需。

ok,那么怎么才能实现这样的功能呢?

其实很简单啦,

这里呢就介绍一个jquery库的preLoadImages()函数,使用这个函数呢就可以轻松实现图片预加载了,下面来一睹为快吧,代码如下:

ok,注释都写的十分清楚了吧,还是没看懂?好吧那么我们先不管代码了,其实只要通过下面一步就可以完成函数的调用,如下:

解析预加载显示图片艺术(显示解析包时出错是怎么回事)

其中的

'images/sample1.jpg','images/sample2.jpg','images/sample3.jpg'

就是图片的路径,预加载多张图片就用逗号分隔啦,

这样在网页上的任何位置引用图片时,将从缓存中获取所需的图片,从而提升用户的体验,使网站获得更好的流畅性哦。

那么还没完,有人可能会问万一图片路径失效加载出错了咋办?

呵呵,再教你一招,出错就出错了呗,我们有plan B,针对出错的图片显示另一张我们事先准备好的图片,用这张图片来替换所有无法显示的图片,那么怎样才能做到呢,方法也十分简单,代码如下:

搞定,这下我们做的万无一失了,

这里主要介绍下error()事件,它的定义和用法为:

  当元素遇到错误(没有正确载入)时,发生 error 事件。

  error() 方法触发 error 事件,或规定当发生 error 事件时运行的函数。

很好理解吧,至此我们的图片预加载的方法就介绍完了。

本文部分代码及写作思路参考于《超实用的JQuery代码段》一书,欢迎大家积极尝试、评论及指正。

标签: 显示解析包时出错是怎么回事

本文链接地址:https://www.jiuchutong.com/biancheng/376317.html 转载请保留说明!

上一篇:简单几步实现返回顶部效果(怎么申请返回)

下一篇:AJAX和jQuery动态加载数据的实现方法

  • 小微企业所得税税率2.5% 10% 25%
  • 一千万人民币可以买多少斤黄金
  • 股东个人将钱打入公司对公账户,能否算作投资款
  • 商贸企业加工费包括哪些
  • 长期借款账务处理会计分录例题
  • 出口退税收入做什么科目
  • 摊销直线法会计分录怎么写?
  • 税控盘减免税有时间限制吗?
  • 承付期满日怎么算
  • 残保金上年在职工资总额
  • 计提工资和应付职工薪酬怎么不一样
  • 进项税额转出转多了
  • 股权转让如何避免缴纳个税
  • 计提销项税的同类有哪些
  • 个体户个人所得税税率表2023计算
  • 小规模纳税人出租房屋增值税税率是多少
  • 免税发票不用纳税可以吗
  • 三废一览表
  • 应交税费借方余额怎么处理
  • 汇算清缴涉及长期投资收益如何做会计核算?
  • 存货跌价准备转销
  • 负数发票是做相反分录还是红字相同分录
  • 小规模普通发票可以抵扣吗
  • 计提长期债券利息分录
  • rapimgr.exe - rapimgr进程是什么文件.有哪些作用
  • php有很多流行的mvc框架,这些框架可以
  • PHP:session_set_save_handler()的用法_Session函数
  • 视同销售货物服务无形资产
  • svchost一直在下载什么
  • Css中的color属性用于设置html元素的背景颜色
  • 技术服务增值税申报表怎么填
  • 税款已缴纳后发票怎么查
  • 多缴纳的社保怎么查询
  • SqlServer与MongoDB结合使用NHibernate
  • 税票和发票的区别图片
  • 土地增值税的扣除项目金额有哪些
  • 正解之途
  • 报税残疾人保障费怎么算
  • 个人所得额哪些要交税
  • 申报表本期金额和上期金额
  • 广告赞助支出能抵扣吗
  • 小规模以前年度城建税未计提
  • 电商账务怎么做
  • 冲销预付账款怎么填记账凭证
  • 专票入账用哪一联
  • 车辆购置税退税申请表
  • 红字发票是怎么开的
  • 新公司季初资产总额填什么
  • sql server数据导入导出的特点
  • mysql存储过程是什么意思
  • innodb 结构
  • Windows系统sid修改方法
  • Windows Server 2008使用软件授权管理工具
  • windows7开机后网络标志转圈
  • 电脑word程序
  • linux mount命令详解
  • messengerd
  • linux命令光标移动到末尾
  • javascript标准
  • Node.js中的包管理工具是什么
  • cmd nul
  • 网页中经常用到的代码
  • easyui getselections
  • jquery多级菜单
  • shell脚本引用文件
  • jqueryfor
  • android获取设备输出声音
  • jQuery插件是什么
  • jquery的插件
  • Python实现类似jQuery使用中的链式调用的示例
  • 长沙税务局网上开票
  • 全电发票
  • 地方税收包含哪些
  • 国家税务总局吕梁市税务局官网
  • 房产税的解读
  • 怎么称呼税管员比较好
  • 如何运用投资组合理论
  • 牛力扳手怎么用
  • 税务筹划怎么样
  • 盐城国税电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设