/autosprite

CSS Sprite generator for ASP.NET websites bundle style

Primary LanguageJavaScript

Autosprite

CSS Sprite generator for ASP.NET websites bundle style

This project uses an existing one, that I converted into a Class Library: http://spritegenerator.codeplex.com/
The CSS/Sprite generation is fully done by this project, I just wired it up into the ASP.NET application lifecycle

The way you can use this utility to select which files you want to create the sprite for, is: AutoSprite.SpriteConfig.AddImage("~/Content/*.jpg");

The generated files are autosprite.css and autosprite.png

Sample CSS:
.sprite { background-image: url('autosprite.png'); background-color: transparent; background-repeat: no-repeat; } .google-windows-8 { width: 620px; height: 332px; background-position: 0px -398px; } .download { width: 276px; height: 183px; background-position: 0px -159px; } .vista { width: 211px; height: 239px; background-position: -276px -159px; } .image { width: 316px; height: 159px; background-position: 0px 0px; }

sprite class is the "base" class. the rest are one class per image file included in the sprite, what you use is both

for instance.

You can see real usage on the TestApplication project