"Deslizar" imagem (sprite) de uma <div> ou <img&#6

Olá,

Tenho uma div com um img dentro. É pra ser uma prévia de um catálogo, então aparece duas páginas do catálogo aí. Mas quero que a cada certa quantidade de tempo essa duas páginas mudem para as outras duas seguintes.

Penso que pode ser feito como um CSS Sprite: Uma imagem grande horizontalmente usada como bg de uma div, que vai mudando de posição a cada x segundos.

Podem me demonstrar como fazer e o que usar para isso? Só sei um pouco de HTML e CSS, e não sei por qual assunto pesquisar, jQuery, HTML5, JS, ou o quê...

Obrigado!