This means that you do not insert a lot of images in your HTML code but combine them into one and you display them with proper CSS code. The application saves your current project as a CSP (software-specific) format. $10.00 In the following example the CSS specifies which part of the "img_navsprites.gif" image to show: Cool Flash Maker (formerly Flash Effect Maker Pro). CSS Sprites Generator 2.0 can be downloaded from our software library for free. Please also read our Privacy Policy. 1. Press on the "Generate CSS Sprite" button. Rather than include each image as a separate image file, it is much more memory- and bandwidth-friendly to send them as a single image; using background position as a way to distinguish between individual images in the same image file, so the number of HTTP requests is reduced. 4. $25.00 var string5 = string1 + string2 + string3+string4;
This free tool will generate both the combined CSS Sprites image and the CSS, HTML code that is required. (Note: Please don’t upload HUGE files. The common filename for the program's installer is CSSSpritesGenerator.exe. In case your project is a large one, you can save your progress anytime, in case you need to resume your work later or share it with others. Set the options (image file type, alignment, padding e.t.c.) It comes with a simple interface, intuitive functions and allows you to save your project as a CSP file. If you are confused now, an actual example will help clarify what we are talking about. Image Sprites - Simple Example. Instead of using three separate images, we use this single image ("img_navsprites.gif"): With CSS, we can show just the part of the image we need. var string2="info";
It comes with a minimalistic layout that encompasses straightforward functions, thus providing you with high overall accessibility. //-->
var string1 = '