您的位置：首页 > 理论基础 > 计算机网络

网络世界中的图片以及相关的处理

2012-03-27 09:29 441 查看

内容摘要

这一讲中，我讲解了网络世界中图片格式,以及他们的一些特点

JPG 或者JPEG

GIF

PNG

同时，还通过实例讲解了三种常见的提高网页显示图片的速度的策略

根据80/20法则，先显示较小的图片，只有当真正需要的时候，才显示大图片

使用异步加载的方式，加载大图片

使用延迟加载的策略，实现更加智能化的加载方式

讲义地址

https://skydrive.live.com/redir.aspx?cid=bb01f26f28894a40&resid=BB01F26F28894A40!127&parid=BB01F26F28894A40!111

视频地址

http://www.tudou.com/programs/view/HWLDk95bBf8/

示例代码（异步加载图片）

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
//window.Ready

$(function () {
$("img").each(function () {
$(this).attr("src", $(this).attr("originalsrc"));
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<img src="placeholder.png"
originalsrc="DSC_0006.jpg" alt="" />
</div>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航