位置: 编程技术 - 正文

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

编辑: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动态加载数据的实现方法

  • 丢失增值税专用发票最新规定
  • 车船税退税办理时限
  • 建筑业资源税如何缴纳
  • 应收账款平均余额公式
  • 空调的折旧年限和残值率
  • 食堂支付的现金怎么入账
  • 一般纳税人增值税申报操作流程
  • 企业收到的捐赠应计入
  • 房企与个人订立购房合同是否贴花?
  • 公司出售房产的税费
  • 企业隐藏收入会受怎样处罚
  • 房租租金收入都缴纳什么税金
  • 小规模纳税人费用发票怎么做账
  • 调整以前年度多计提的工资
  • 企业进行股票买入的条件
  • 免税商品销售要缴税吗
  • 保险的月缴纳可以调整么?
  • 不交增值税当月还需要计提税金吗?
  • 企业的福利费如何使用
  • 医疗器械技术服务合同
  • 小微企业可以开9个点的专票吗
  • 接待客户的住宿费账务处理
  • 加工产品不一定有合理损耗
  • 增值税专用发票和普通发票的区别
  • 安装设备用的材料计入什么科目
  • 税法对弥补亏损的规定是什么?
  • 出票人账号是付款号吗
  • 小规模纳税人申报表怎么填
  • 外币财务报表折算未分配利润采用什么汇率
  • 如何在win10中同步我的设置
  • mac 10.14.1
  • 为什么申报个人所得税还要补税
  • 稿酬计入工资所得吗
  • 商贸企业零部件出口退税政策
  • ecshop怎么用
  • php面向对象的三大特征
  • 公司自有房屋出租如何开票
  • 小规模差额征税是什么意思
  • vcpkgsrv.exe是什么进程
  • 计提坏账准备的方法有哪些
  • 企业之间是什么意思
  • 旧设备换新设备会计分录
  • f12过滤请求
  • 计算机视觉项目队友只让你打标签是什么意思
  • 科目汇总表借方发生额等于贷方发生额吗
  • 汇兑损益计算器
  • 小型微利企业的认定标准2023年
  • 契税计入会计利润总额吗
  • 增量留抵税额退还举例
  • 零申报年报需要哪些表格
  • 购买税盘怎么减免申报
  • 港资企业属于什么性质
  • 企业设立账簿
  • 哪种营业执照不用交税开店有营业执照有什么好
  • 税务机关如何对个人股东股权财务报表审核
  • 邮寄快递费用计算
  • 取得税控服务费会计分录
  • 增值税发票抵扣期限是多久
  • 承兑汇票贴现利息会计分录
  • 理财产品产生的收益会成为本金吗为什么
  • 借款收据怎样才有法律效力
  • 滞纳金的收取依据
  • 直接收到货款也要走应收账款吗
  • 制造费用如何结转生产成本
  • 日记账处理数据流程图
  • ubuntu卸载ubuntu-desktop
  • linux临时目录在哪
  • openeuler操作系统安装方法
  • linux命令ls-l
  • windows xp.exe
  • rundll32.exe是什么程序
  • win7怎么连接手机上网
  • cocos2djs
  • cocos做游戏
  • Unity3D游戏开发标准教程
  • excel自定义样式
  • linux网络编程有什么用
  • javascript页面布局
  • 教育费附加地方教育费附加税率
  • 四川社保2020增资方案
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设