江湖论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2104|回复: 2

背景图片太大,加载很慢怎么办?

[复制链接]

213

主题

71

回帖

2377

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2377
发表于 2022-5-2 18:53:13 | 显示全部楼层 |阅读模式
背景图片太大,加载很慢怎么办?2880


只需要判断下大图是否加载完成,加载完成就显示这个大图,当图片没有加载完成是显示小的背景图。
html
<div id="hd" class="mod" style="background-image: url(替换小图地址);">
JS:
  $(function(){ var img=new Image();            img.src='目标大图地址';          img.onload = function(){         $("#hd").css("background-image","url(目标大图地址)");}       });

回复

使用道具 举报

46

主题

28

回帖

211

积分

中级会员

Rank: 3Rank: 3

积分
211
发表于 2023-1-26 06:08:34 | 显示全部楼层
我一定要看懂。
回复

使用道具 举报

0

主题

106

回帖

224

积分

中级会员

Rank: 3Rank: 3

积分
224
发表于 2023-8-21 21:36:40 | 显示全部楼层
学习。。。。
回复

使用道具 举报

*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|江湖论坛

GMT+8, 2024-11-24 03:08 , Processed in 0.156250 second(s), 23 queries .

Powered by Discuz! X3.4

© Copyright 2005-2025 WwW.XmvZ.CoM All Rights Reserved 小马江湖总站 保留所有权利

快速回复 返回顶部 返回列表