Ver Mensaje Individual
  #2 (permalink)  
Antiguo 24/04/2008, 20:16
ssclamp
 
Fecha de Ingreso: octubre-2004
Mensajes: 289
Antigüedad: 19 años, 6 meses
Puntos: 10
Re: Rotar imagen y texto al mismo tiempo! pruebenlo!!

Hola ess_sebastian

Analizando el código de El Tiempo y limpiándolo para dejar sólo el rotador, sale lo siguiente:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ELTIEMPO.COM</title>
<LINK rel='stylesheet' type='text/css'  href='OBJ-ESTI.css' />
<LINK rel='stylesheet' type='text/css'  href='OBJ-ESTK.css' />
<LINK rel='stylesheet' type='text/css'  href='basico.css' />
</head>

<body>
<div id="bloque">
	<div id="cuerpo">      
		<div id="noticias">
			<div id="noticiascolumder">
			<div id="modulojava">		
				<div id="noticiaprinc">
  					<div id="mascara" style="border-bottom:1px solid #d7d7d7;">
    					<div id="contenedor">
      						<div class="ynsnip" name="container">
                   				<div class="foto"><img src="IMAGEN-6.jpg"></div>
        							<div class="pie">Foto: EFE</div>
   	    							<div class="titulomodjava">Casco de moto con 'airbag'</div>
        							<div class="textonoticia">Saldrá al mercado en mayo y tendrá un costo de 
									2 millones de pesos. Al chocar se infla una bolsa en la parte 
									trasera y alrededor del cuello.</div>
      						</div>                    
      						<div class="ynsnip" name="container">
                   				<div class="foto"><img src="IMAGEN-7.jpg"></div>
        						<div class="pie">Foto: AFP</div>
   	    						<div class="titulomodjava">Semana Santa ortodoxa</div>
        						<div class="textonoticia">Hoy miles de personas alrededor del mundo 
								celebran el Jueves Santo. Los católicos lo celebraron hace un mes.</div>
      						</div>                    
      						<div class="ynsnip" name="container">
                   				<div class="foto"><img src="IMAGEN-8.jpg"></div>
        						<div class="pie">Foto: Leonardo Herrera / EL TIEMPO</div>
   	    						<div class="titulomodjava">Mar rojo en Taganga</div>
        						<div class="textonoticia">El derrame de 10 toneladas de aceite de palma 
								en el balneario de pescadores cercano a Santa Marta ocasionó la 
								extraña coloración.</div>
      						</div>                    
    				</div> <!-- fin id=contenedor-->
  				</div><!-- fin id=mascara-->    
          			<div id="flechas1">
	       				<script type="text/javascript" src="js1-left.js"></script></div>	
        			<div id="flechas2">
	      				<script type="text/javascript" src="js1-right.js"></script></div>
	   				<div class="clear"></div>
				</div> <!-- fin id=noticiaprinc -->
					<script type="text/javascript" src="js6.js"></script>
					<script type="text/javascript" src="js4.js"></script>
					<script type="text/javascript" src="js3.js"></script> 
					<script type="text/javascript" src="js2.js"></script> 
					<script type="text/javascript" src="js1Control.js"></script> 
			</div> <!-- fin id=modulojava -->
			</div> <!-- fin id=noticiascolumder -->
				<div class="clear"></div>
		</div> <!-- fin id=noticias -->
				<div class="clear"></div>
	</div> <!-- fin id=cuerpo --> 
    </div> <!-- fin id=bloque -->

</body>
</html>
El rotador funciona con:
- 7 javascripts
- 3 hojas de estilo
- 6 imágenes gif de las flechitas

Más las imágenes principales que muestres en el carrousel (en el ejemplo son 3 imágenes).

Lo tengo limpio y empaquetado, si tienes dónde subirlo te lo envío.

Saludos