Imagen en listas

[edn]

Tengo una lista en números de 1 al 5 y me gustaría que cada número fuera una imagen diferente, por lo que tendría 5 imágenes. ¿Cómo lo consigo en css?

<ol>

<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>

</ol>

Supongo que a cada <li> le puedo agregar una clase css con su respectiva imagen, ¿pero cómo hago para que sea incremental?

Saludos!

[kraneok]

Hola, lo único que te puedo decir es que para hacerlo con CSS y automático, tendrías que utilizar LESS. No hay otra forma.
Si quieres hacerlo en CSS y no automático, podrías crear el número de clases que quisieras, por ejemplo:

.image1{}
.image2{}
.image3{}
.imageN{}

Posteriormente, cuando generases el código HTML con PHP, hazlo de alguna forma donde vayas cambiando automáticamente el número .imageN{} por el que toca, es decir, si fuese un bucle for, iría cambiando la variable contador

for( i = 0; i < length; i++ )
echo '.image' . i . '';

Espero haberte ayudado.

Si no es lo que buscas, explícamelo algo mejor. :D

[edn]

Gracias.

Sí es lo que necesito, pero como no soy programador necesito algo más digerido, un poco más completo el código.

Saludos!