In this demo, images are defined in the 'demo-block' class. They are located one after another in the horizontal sprite sheet. The width of every image is equal to the 'demo-block' width. Only one image may be seen (the one that is located on the 'demo-block' left zero). When radio button is pressed, the left location of every image is shifted accordingly to show the chosen image. The shift is done with transition of 0.5 seconds.
You can use this technique to slide background images too. Note that it is better to use translate transform (see transform lecture) than shifting position (as left, top ...). Translate performance is better.