Buenas:
Tengo una web con un conjunto de miniaturas en una capa:
<div id="gallery">
<em id="thumbs">
<a href="#nogo"><img id="img1" src="gente/sea_1.jpg" alt="" /></a>
<a href="#nogo"><img src="gente/sea_2.jpg" alt="" /></a>
....
</em>
</div>
Cuando pincho sobre una de ellas (el enlace está activo), muestra la img ampliada (con CSS)
#thumbs a:active img
{ position: absolute;
width: auto;
height: auto;
right: 196px;
top: 8px;
padding: 2px;
border: 2px solid #40403E;
z-index:2;
}
En principio no tengo ningún enlace activo y por tanto no muestra ninguna imagen ampliada. Lo que quiero saber es como activar el primer enlace (con código JS) antes de mostrar la página, para que cuando se abra la página muestre la primera img ampliada y la primera miniatura seleccionada.
He leido otras preguntas relacionadas que proponian hacerlo con:
document.getElementById("img1").click();
pero NO FUNCIONA, ¿alguna ideita pá mi?
Muchas gracias