I just did this the other day on a web page.
You need to make an image that has both the active, and regular state
images in it.

Then in your css,

#base-state {background-position: 0px 0px;}   // The first 0 is the X
axis position, the second is the Y
#base-state.active {background-position: 0px 30px;} // This is our
second class that we will switch to with our jquery

Javascript --

$(document).ready(function() {
  $("#base-state").click(function() {
      $(this).toggleClass("active");
      }
   )
});

Just a basic run through of how it works.
I don't know how much help that is..
I probably goofed something up there, but it's the gist..

Reply via email to