Optimizar funcion

[eddiemolko]

Hola, como se notara con el siguiente codigo, soy un novato en lo que refiere a javascript

Me gustaria saber como puedo hacer para optimizar/acortar este codigo:

Código:

function mostrarReferencia(){
        
        
            if (document.imagenes.cantidad[1].selected) {
                document.imagenes.imagen1.style.display = 'block';
            }
            else {
                document.imagenes.imagen1.style.display = 'none';
            }
            if (document.imagenes.cantidad[2].selected) {
                document.imagenes.imagen1.style.display = 'block';
                document.imagenes.imagen2.style.display = 'block';
            }
            else {
                document.imagenes.imagen2.style.display = 'none';
            }
            if (document.imagenes.cantidad[3].selected) {
                document.imagenes.imagen1.style.display = 'block';
                document.imagenes.imagen2.style.display = 'block';
                document.imagenes.imagen3.style.display = 'block';
            }
            else {
                document.imagenes.imagen3.style.display = 'none';
            }
            if (document.imagenes.cantidad[4].selected) {
                document.imagenes.imagen1.style.display = 'block';
                document.imagenes.imagen2.style.display = 'block';
                document.imagenes.imagen3.style.display = 'block';
                document.imagenes.imagen4.style.display = 'block';
            }
            else {
                document.imagenes.imagen4.style.display = 'none';
            }
            if (document.imagenes.cantidad[5].selected) {
                document.imagenes.imagen1.style.display = 'block';
                document.imagenes.imagen2.style.display = 'block';
                document.imagenes.imagen3.style.display = 'block';
                document.imagenes.imagen4.style.display = 'block';
                document.imagenes.imagen5.style.display = 'block';
            }
            else {
                document.imagenes.imagen5.style.display = 'none';
            }
            if (document.imagenes.cantidad[6].selected) {
                document.imagenes.imagen1.style.display = 'block';
                document.imagenes.imagen2.style.display = 'block';
                document.imagenes.imagen3.style.display = 'block';
                document.imagenes.imagen4.style.display = 'block';
                document.imagenes.imagen5.style.display = 'block';
                document.imagenes.imagen6.style.display = 'block';
            }
            else {
                document.imagenes.imagen6.style.display = 'none';
            }
            if (document.imagenes.cantidad[7].selected) {
                document.imagenes.imagen1.style.display = 'block';
                document.imagenes.imagen2.style.display = 'block';
                document.imagenes.imagen3.style.display = 'block';
                document.imagenes.imagen4.style.display = 'block';
                document.imagenes.imagen5.style.display = 'block';
                document.imagenes.imagen6.style.display = 'block';
                document.imagenes.imagen7.style.display = 'block';
            }
            else {
                document.imagenes.imagen7.style.display = 'none';
            }
            if (document.imagenes.cantidad[8].selected) {
                document.imagenes.imagen1.style.display = 'block';
                document.imagenes.imagen2.style.display = 'block';
                document.imagenes.imagen3.style.display = 'block';
                document.imagenes.imagen4.style.display = 'block';
                document.imagenes.imagen5.style.display = 'block';
                document.imagenes.imagen6.style.display = 'block';
                document.imagenes.imagen7.style.display = 'block';
                document.imagenes.imagen8.style.display = 'block';
            }
            else {
                document.imagenes.imagen8.style.display = 'none';
            }
            if (document.imagenes.cantidad[9].selected) {
                document.imagenes.imagen1.style.display = 'block';
                document.imagenes.imagen2.style.display = 'block';
                document.imagenes.imagen3.style.display = 'block';
                document.imagenes.imagen4.style.display = 'block';
                document.imagenes.imagen5.style.display = 'block';
                document.imagenes.imagen6.style.display = 'block';
                document.imagenes.imagen7.style.display = 'block';
                document.imagenes.imagen8.style.display = 'block';
                document.imagenes.imagen9.style.display = 'block';
            }
            else {
                document.imagenes.imagen9.style.display = 'none';
            }
        }

Desde ya gracias

[KiraSakuya]

Asi de primeras como el numero de imagenes que bloqueas es el mismo que el de la cantidad, ¿no podrias pasar esa cantidad por parametros y hacer un bucle for dentro del if y luego en el el else poner esa variabl concatenada??