Functions not working!

Hi Chip_88,

I changed the button images to load from a sprite image.

Please manually clear your browser cache, and your site cache if using a plugin… and the buttons should be restored.

Well, here is a basic example:

1. You are using social sharing icons. There are five icons. Each icon has a normal state, and a hover state. This results in ten different images.

2. You decide to include these as image links in your code. So, you are referencing ten different images; which results in the browser sending ten different html requests.

3. Now, to facilitate faster page loading times… we can create a “sprite” image. We will use photoshop (or similar) to create one large image container.. and load each of our ten social icon images into this “container”.

4. When we call the image during a page load… we are NOT calling ten different images.. but instead ONE single image… resulting in a single http request.

5. Lastly, we use grid positioning css rules to determine exactly where in the larger image, each individual image should be referenced.

Here is a quick and dirty explanation:
http://css-tricks.com/css-sprites/