Que hay futuros colegas:
Antes de nada me gustaria agradeceros a todos vuestra colaboración, no en este post, que tambien (faltaba mas), sino a todos los que colaborais en este, asi como en otros foros, facilitandonos el aprendiaje y en muchos casos la vida.
Llevo poco tiempo estudiando/practicando javascript, y no mucho mas informática, pero muchas de las dudas que me han surgido/problemas con los que me he encontrado las he podido resolver gracias al contenido de este foro. Es por ello, que tras buscar y no encontrar nada me he decidido a haceros la siguiente consulta:
Estoy haciendo una práctica para el instituto. El enunciado exige una página web que contiene una serie de fotografias, las cuales al ser pinchadas deben aumentar su tamaño al máximo posible teniendo en cuenta el tamaño de la ventana.
El código js que estoy utilizando es este:
function aumentar(idImagen) {
document.getElementById(idImagen).width = 0.7*(window.innerHeight);
document.getElementById(idImagen).height = (window.innerHeight);
document.getElementById(idImagen).scrollIntoView(t rue);
}
function reducir(idImagen) {
document.getElementById(idImagen).width = 120;
document.getElementById(idImagen).height = 170;
}
Todo funciona bien, la imagen aumenta al máximo al hacer click sobre ella, y el scroll se situa a la altura perfecta. El problema esta en que la imagen aumentada no se superpone a las demas que la rodean. Es decir, la imagen aumenta su tamaño correctamente pero queda tapada (al menos parcialmente) por el resto de fotografias.
¿Cómo podria solucionarlo?