Cambiar imagen por texto

[Kromikos]

Hola chicos, pues mirad.

Tengo una serie de imágenes de películas en las que me gustaría que apareciera la sinopsis.

Sería algo así:



Y que al pulsar sobre SINOPSIS, el texto apareciera donde la imagen. Y otro botón para volver a ver la imagen.

¿Es posible?

[ocp001a]

Si metes la imagen dentro de un div, puedes hacer esto:

Código HTML:

<div id="div_peli1">
   <img src="peli1.jpg" onclick="document.getElementById('div_peli1').innerHTML='Esta peli trata de esto........'">
</div>
 

y con un botón vuelves a poner el innerHTML del div con la imagen.

[Kromikos]

Iniciado por ocp001a

Si metes la imagen dentro de un div, puedes hacer esto:

Código HTML:

<div id="div_peli1">
   <img src="peli1.jpg" onclick="document.getElementById('div_peli1').innerHTML='Esta peli trata de esto........'">
</div>
 

y con un botón vuelves a poner el innerHTML del div con la imagen.

Gracias tío.

Y no hay forma de que se ponga el texto en el tamaño de la imagen, para que no ocupe más?

[ocp001a]

Definiendo el estilo del div, a display tipo block y signando sus dimensiones ya sea con css en hojas de estilo o bien definiendolo en el midmo div.

[Kromikos]

Iniciado por ocp001a

Definiendo el estilo del div, a display tipo block y signando sus dimensiones ya sea con css en hojas de estilo o bien definiendolo en el midmo div.

Hostia no tengo ni idea, a ver si puedes ayudarme.

Todas las carátulas son 128x176

Un saludo.