Usar Imagenes .png

[Lechu_]

Hola Gente, Estuve viendo que por ejemplo en los slider de imagenes se usa una sola imagen para las fechas de izquierda y derecha (.png), pero solo se carga la parte correspondiente. ¿Me podrán decir donde buscar informacion acerca de como usar imagenes .png de esta forma (ya busqué por Google !!!!!!, pero no lo encuentro)? Slds.-

[pzin]

Es una técnica llamada CSS Sprites.

Básicamente, lo que haces es que, teniendo una imagen (100x50), creas dos elementos (50*50), con esa misma imagen de fondo y luego ajustas la imagen de fondo con background-position:

Código CSS:

.flecha_izquierda {
  background-position: 0;
}
 
.flecha_derecha {
  background-position: -50px 0;
}
 

En realidad es algo bastante simple. Lo única que haces es mover la imagen de fondo hasta donde la necesites tener.