Ver Mensaje Individual
  #17 (permalink)  
Antiguo 01/10/2009, 18:06
Avatar de deirdre
deirdre
 
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 15 años, 8 meses
Puntos: 45
Respuesta: Enlaces en rotador

Hola...

Es bien fácil... no es necesario tocar el javascript, es sólo cuestión de añadir un poco de css para agregar texto por encima de las imágenes en este rotador-galería.

En la hoja de estilo añade esto (o lo colocas dentro de head):

Código HTML:
<style type="text/css">
a {
	text-decoration: none;
}
.rotulos {
	position: absolute;
	left: 15px;
	top: 10px;
	z-index: 10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#ffc;
	cursor: pointer;
	display: block;
}
</style> 
Y en el html se añade el texto de esta forma:

Código HTML:
 <div class="contentdiv">
		<div class="caja">
			<a href="http://www.enlace-1.com">
				<img alt="" src="images/foto1.jpg" width="400" />
					<span class="rotulos">Comentario para la foto 1</span>
			</a>
		</div>
	</div> 
y así sucesivamente para cada imagen. Como verás es muy sencillo.

Bye