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

内容摘要

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

JPG 或者JPEG GIF PNG

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

根据80/20法则，先显示较小的图片，只有当真正需要的时候，才显示大图片使用异步加载的方式，加载大图片使用延迟加载的策略，实现更加智能化的加载方式

讲义地址

https://skydrive.live测试数据/redir.aspx?cid=bb01f26f28894a40&resid=BB01F26F28894A40!127&parid=BB01F26F28894A40!111

视频地址

http://HdhCmsTesttudou测试数据/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://HdhCmsTestw3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns= "http://HdhCmsTestw3.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>

分类: 网络开发和设计 , ASP.NET MVC , fmplan-02 - Developement Practice-02-2-Web

作者： Leo_wl

出处： http://HdhCmsTestcnblogs测试数据/Leo_wl/

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

版权信息

查看更多关于网络世界中的图片以及相关的处理的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did49607

更新时间：2022-09-24 阅读：40次