bueno, esa es la idea , pero se pixela demasiado... yo viendo esto
 
html  
Código:
 <div id="background">
<span class="activeslide">
<img src="http://www.malargue.gov.ar/templates/malargue/images/home5.jpg">
</span>
</div>
  
Css  
Código:
 #background img, #background a {
    display: none;
    height: 100%;
    width: 100%;
}
#background .activeslide, #background .activeslide img {
    display: inline;
}
#background {
    z-index: 1;
}
  llegue a ver que se podia agrandar facilmente sin pixelarse pero quedaba demasiado grande y tenia que usar las barras de desplazamiento 
hay alguna forma de hacer lo que vos hiciste pero que no pierda calidad la imagen?