ASP.NET Sprite and Image Optimization Framework 小demo

前几天需要这个完成一些需求。

这是开源的一个项目,可以减少图片请求次数,通过CSS控制图片显示,根据我们的图片自动生成一张大图,并生成对应的CSS文件,并且用于固定装饰性图片最佳。

详情请访问

http://aspnet.codeplex.com/releases/view/65787

下面直接上图

1.首先新建一个MVC3项目

2.然后选择Razor点OK!

3.引入所需的DLL 具体文件详见http://aspnet.codeplex.com/releases/view/65787#DownloadId=236671

4.

首先在网站的根目录建立名称必须为App_Sprites (其实可以改,详情看官方文档)文件夹

图片文件可以直接存储在其目录下,该目录下也可以存在子目录。

5.在母版视图的<head>处引入CSS“可能会”出现的目录地址(CSS文件去哪里找看下面)注意:有几个目录就引入几个,引入所需命名空间。

6.写代码

7.运行效果图

8.此时在看项目文件,多了很多文件。

由此可以解释为什么开头引入CSS路径的时候只写目录路径了。

更多应用实例请下载查阅

http://aspnet.codeplex.com/releases/view/65787

原文地址:https://www.cnblogs.com/zhangyq/p/2432627.html