8.5w+
社区成员
- 全部
- 问答
关于网页中图片可以预载的疑问？（图片是否真的可以预载）
很多Javascript书上都说用image对象对图像可以实现预载
比如：
var oImg = new Image;
oImg.src = "img/demo.jpg";
“教科书”上说这段代码可以将demo.jpg预先载入缓存中
...
...
<img id=imgid height=20 width=20>
然后用脚本
imgid.src = oImg.src就可以快速显示图片demo.jpg了
可测试的实际情况仍然发现执行的时候仍然是在进行http连接(状态栏显示如此)，且图片没有马上显现出。
困惑有时，思不得解，只得放此请人解惑了，多谢。
比如：
var oImg = new Image;
oImg.src = "img/demo.jpg";
“教科书”上说这段代码可以将demo.jpg预先载入缓存中
...
...
<img id=imgid height=20 width=20>
然后用脚本
imgid.src = oImg.src就可以快速显示图片demo.jpg了
可测试的实际情况仍然发现执行的时候仍然是在进行http连接(状态栏显示如此)，且图片没有马上显现出。
困惑有时，思不得解，只得放此请人解惑了，多谢。
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
astra1 2003-10-09
上面是有关预载的技术
关于你的问题是这样
其实使用var oImg = new Image也可以实现图片预载
问题是出在
imgid.src = oImg.src
这一句,因为src属性只是存储了图片的URL,而非图片本身
所以这样做和imgid.src = "img/demo.jpg"是没有差别的,IE自然去重新读取图片了
正确的方法是
imgid.parentNode.replaceChild(oImg,imgid);
关于你的问题是这样
其实使用var oImg = new Image也可以实现图片预载
问题是出在
imgid.src = oImg.src
这一句,因为src属性只是存储了图片的URL,而非图片本身
所以这样做和imgid.src = "img/demo.jpg"是没有差别的,IE自然去重新读取图片了
正确的方法是
imgid.parentNode.replaceChild(oImg,imgid);
astra1 2003-10-09
可以使用DOM的createElement方法来解决
比如:
//新建一个IMG元素
var img=document.createElement("IMG");
//指定预载完成事件
img.onload=new Function("alert('image loaded!')");
……
//载入一幅图片
img.src="XXXX.XXX"
这样才是真正意义上的预载,载入后即使断线也仍可以使用
演示见
http://www.hengxie.com/download/imgpreloadtest/1.htm
比如:
//新建一个IMG元素
var img=document.createElement("IMG");
//指定预载完成事件
img.onload=new Function("alert('image loaded!')");
……
//载入一幅图片
img.src="XXXX.XXX"
这样才是真正意义上的预载,载入后即使断线也仍可以使用
演示见
http://www.hengxie.com/download/imgpreloadtest/1.htm
xlray 2003-10-09
noted...
xlray 2003-10-09
up
seeu1688 2003-10-08
这些方面的细节一来是使用之经验，二来是msdn的旁通。函数手册之类的大体不会论及极至。细微处只是经验的积累。没有收藏于文字。
这个预载的问题想必碰到人挺多，不知大家有否琢磨过，如何能真正预载图片，而实现不重复下载呢？不吝讨论。
多谢
这个预载的问题想必碰到人挺多，不知大家有否琢磨过，如何能真正预载图片，而实现不重复下载呢？不吝讨论。
多谢
tomelir 2003-10-07
嘿嘿，在网站上找的关于Javascript大都是一样效果方面的，
很少关于Javascript函数、对象方面的详细介绍，
你有关于这方面的好收藏吗?
很少关于Javascript函数、对象方面的详细介绍，
你有关于这方面的好收藏吗?
seeu1688 2003-10-07
其实，确实是缓冲了，在IE的临时目录中却见demo.jpg
但奇怪的是，为何脚本执行时，没有马上显示，而仍然进行http连接，对该图片进行请求呢。
但奇怪的是，为何脚本执行时，没有马上显示，而仍然进行http连接，对该图片进行请求呢。
图片预加载，懒加载
1. 使用jQuery图片预加载(延迟加载)插件Lazy Load Lazy Load也叫惰性加载，延迟加载，顾名思义，就是在图片未到达可视区域时，不加载图片，我们常常在很多的优秀网站上看到类似的例子，例如迅雷、土豆、优酷等，...
html加载图片有超时时间吗,[前端]图片预加载方法
使用jQuery图片预加载(延迟加载)插件Lazy LoadLazy Load也叫惰性加载，延迟加载，顾名思义，就是在图片未到达可视区域时，不加载图片，我们常常在很多的优秀网站上看到类似的例子，例如迅雷、土豆、优酷等，由于一个...
有哪些冷门却好用的东西可以网购？
这个真是绝了，本人就是穿小白鞋一周就会穿成小脏鞋的那种，有了这个在新鞋的时候全方位喷一下，真的就再也不会脏了耶！ 其实呢，当年买它，是宝宝在法国的时候，去北欧玩，穿的雪地靴，踩在雪里，雪都能化进鞋...
前端知识总结之浏览器知识
• 浏览器的主要功能是将用户选择的 web 资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常 是 HTML，也包括 PDF、image 及其他格式。用户用 URI（Uniform Resource Identifier 统一...
java基础知识,你都知道么?
Java基础axman考验你的Java基础1.简述逻辑操作(&,|,^)与条件操作(&&,||)的区别。(15分)2.下面程序运行会发生什么结果?如果有错误，如何改正? (15分)interface A{ int x = 0;}class B{ int x =1;...
关于JSP连接池
到目前为目,JDBC2的连结池只是一个接口,没有真正的实现,JDBC3正在开发中,据报已经支持连结池,但..........JDBC3用了JNDI技术,连结池的配置可以让一个高手都烦死.目前第三方已经实现的连结池当然是poolman,1.0版对...
cisco(思科） 问题库
Cisco 1800系列集成多业务路由器常见问题
平台
常见问题
问：...Cisco 1800系列的最佳架构经过了特别设计，可满足中小型企业、小型企业分支机构和服务供应商可管理服务应用的要求。Cisco 1800系列以线
Html和CSS入门(笔记)—HTML
1-1 代码初体验-Hello World网页 1-2 Html和CSS的关系 1-3 认识 Html标签 1-4 标签的语法 1-5 认识html文件基本结构 1-6 认识head标签 1-7 了解HTML的代码注释 第二章 认识标签（第一部分） 2-1 语义化...
(二)认识标签（1）
那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在...
Android面试总结（持续更新修改）
①Activity是Android程序与用户交互的窗口，是Android构造块中最基本的一种，它需要为保持各界面的状态，做很多持久化的事情，妥善管理生命周期以及一些跳转逻辑 ②service：后台服务于 Activity，封装一个完整的...
Html与CSS的爱恨情仇第一式---第一系列
本文整理与慕课网,仅用于... CSS是网页的颜料 3. JavaScript是动态的效果的实现常见元素解析1.<h1></h1>就是标题标签2..<p></p>是段落标签3.是照片添加法eg:网页的完整代码如下图：<!DOCTYPE HTML> <meta http-e
android面试题整理
Android 面试题(有详细答案)附带答案，共100分一、选择题（30题，每题1.5分，共45分）1.java.io包中定义了多个流类型来实现输入和输出功能，可以从不同的角度对其进行分 类,按功能分为：(c),如果为读取的内容进行...
Android应用程序开发以及背后的设计思想深度剖析
本文内容，主题是透过应用程序来分析Android系统的设计原理与构架。我们先会简单介绍一下Android里的应用程序编程，然后以这些应用程 序在运行环境上的需求来分析出，为什么我们的Android系统需要今天...分五次连 载
好的软件架构设计
前言：软体设计师中有一些技术水平较高、经验较为丰富的人，他们需要承担软件系统的架构设计，也就是需要设计系统的元件如何划分、元件之间如何发生相互作用，以及系统中逻辑的、物理的、系统的重要决定的作出。...
自学html--2
语义化，让你的网页更好的被搜索引擎理解 标签的用途：我们学习网页制作时，常常...文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等。 讲了这么多语义化，但是语义...
直播实录|百度大脑EasyDL·NVIDIA专场 产品介绍及AI端计算技术架构解析
主题： EasyDL—Jetson产品介绍及AI端计算技术架构解析 时间： 2020年5月27日 讲师： 百度AI技术生态部高级产品经理 子季 NVIDIA开发者关系经理 李雨倩 百度AI开发平台部资深研发工程师 陈老师 ...
Java 超全面试题
数据库&事务 1.什么样的场景会产生数据库死锁，如何解决...7.SQL怎样判断字段是否为空 WEB 1.post和get区别是什么？ 2.cookie/session有什么区别？ 3.web集群中登录态如何共享？ 4.xss、csrf等如何防范？ 5.sql...
记录Html、CSS的学习之路
内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来
HTML+CSS标签 (2)
在这一章节我们要开始把网页中常用到的标签一 一向大家介绍，学习这一章节的时候要记住学习html标签过程中，主要注意两个方面的学习：标签的用途、标签在浏览器中的默认样式。 标签的用途：我们学习网页制作时，...
由 12306.cn 谈谈高并发+高负载网站性能技术
（这又是一篇长文，只讨论性能问题，不讨论那些用户界面、用户体验、或是是否把支付和购票下单环节分开的功 能性的东西） 甲、认识业务的特殊性 任何技术都离不开业务需求，所以，要说明性能
产品经理从专业走向管理
产品经理从专业走向管理 正文 一、产品经理认识篇 1、产品经理定义 产品经理（Product Manager），通常是指：担负某类产品研发、运营、...大多数时候产品经理行驶的是执行权，尽管在产品生不同的生命周期中，产品经...
【1.9w字】彻底搞懂HTTP知识的面试题，建议精读收藏
我很早之前写过一篇关于 HTTP 和 HTTPS 的文章，但对于 HTTPS 介绍还不够详细，只讲了比较基础的部分，所以这次我们再来深入一下 HTTPS，用实战抓包的方式，带大家再来窥探一次 HTTPS 如何理解 URI？ URI, 全称为...
Java概述及初识【详解篇1】
初识java1.java祖师爷：高斯林 2.写java代码的时候要注意： ①文件名需要和类名一样 ②每次写完代码，都需要保存，重新编译再运行 ...所以在命令行编译代码的时候可以输入javac -encoding utf-8 文件名，进行解
Buildroot用户手册
Buildroot用户手册 ...1.关于Buildroot 2.系统要求 2.1。强制性包裹 2.2。可选包 3.获得Buildroot 4. Buildroot快速入门 5.社区资源 II。用户指南 6. Buildroot配置 6.1。交叉编译工具链 6.2。/ dev管理 6.3...
CListControl设置颜色
CListControl类派生，设置单元格颜色，丰富功能
Linux系统管理员/网络管理员(PDF版)
两本非常好的Linux系统学习的书
系统管理主要介绍Linux系统的结构、管理、命令等
网络管理主要从网络协议角度出发阐述Linux的网络功能
STM32F103中文数据手册
这个里面包含了STM32F103的各种型号的数据手册，方面理解
WPF中用于嵌入其他进程窗口的自定义控件（AppContainer）
WPF中用于嵌入其他进程窗口的自定义控件（AppContainer）
具体见博文：http://blog.csdn.net/zzzwwwppp11199988899/article/details/78131292
Activiti 工作流入门到大神
什么是流程、工作流作用、Activiti背景简介、Activiti流程设计器安装、Activity环境搭建、通过HelloWorld掌握 Activiti操作流程的步奏、常见API使用、流程部署管理(发布流程、查看流程定义、删除流程、查看流程附件)、流程实例管理(启动流程、查看任务、认领任务、办理任务、查看流程状态) 什么是流程、工作流作用、Activiti背景简介、Activiti流程设计器安装、Activity环境搭建、通过HelloWorld掌握 Activiti操作流程的步奏、常见API使用、流程部署管理(发布流程、查看流程定义、删除流程、查看流程附件)、流程实例管理(启动流程、查看任务、认领任务、办理任务、查看流程状态) QQ:362969068
MSP430_RTC模块学习总结
这是自己在学习MSP430时，对RTC模块的总结，希望可以帮助刚入门者
