Poner texto debajo de cada imagen del slideshow.

[luism25]

Hola,
He creado un slideshow para la web y me gustaría añadir debajo de cada imagen un texto con el contenido de la imagen que se muestra en cada momento.

El código es este:

Código Javascript:

<div id="rotator">
<a href="URLDELAWEB"target="_blank"><img src="imagen1.jpg" alt="Imagen1"></a>
<a href="URLDELAWEB"target="_blank"><img src="imagen2.jpg" alt="Imagen2"></a>
<a href="URLDELAWEB"target="_blank"><img src="imagen3.jpg" alt="Imagen3"></a>
<a href="URLDELAWEB"target="_blank"><img src="imagen4.jpg" alt="Imagen4"></a>
<a href="URLDELAWEB"target="_blank"><img src="imagen5.jpg" alt="Imagen5"></a></div>
 

¿Alguien sabe como hacerlo?

Gracias

[alberto510a]

Hola mira te digo que se me ocurrió a mi:

Código:

<div id="rotator">
<a href="URLDELAWEB" target="_blank" style="display:block;width:ancho de tu img;height:alto de tu img;background:url(ruta de tu imagen)" alt="Imagen1"><span style="position:relative;bottom:distancia que quieras;left:distancia que quieras;">Texto de tu imagen</span></a>
</div>

Consiste en que la imagen se la pongas al link como fondo (background: url()) convirtiendo el link en un bloque (display:block) y le das el tamaño de tu foto. Dentro de este link creas una etiqueta por ejemplo de <span> y te ayudas de los atributos de css position:relative; (para que se mueva respecto a donde tiene que ir realmente) y de bottom,top,right,left para colocar tu texto.

Espero que te haya servido.

Saludos