Hola a tod@s,
Tengo este css:
Código:
.carousel-component {
/* position:relative; */
overflow:hidden; /* causes the clipping */
display:none;/*component turns it on when first item is rendered */
margin-top: 30px;
}
.carousel-component ul.carousel-list {
/* width:10000000px; */
position:relative;
z-index:1;
}
.carousel-component .carousel-list li {
float:left;
list-style:none;
overflow:hidden;
width: 150px;
}
.carousel-component .carousel-vertical li {
margin-bottom:0px;
/* Fix for extra spacing in IE */
float:left;
clear:left;
position:inherit;
/* Force the LI to respect the HEIGHT specified */
overflow:hidden;
display:block;
}
.carousel-component ul.carousel-vertical {
width:auto;
}
.carousel-component .carousel-clip-region {
overflow:hidden; /* Secret to the clipping */
margin:0px auto;
position:relative;
}
.carousel-component {
padding:0px;
-moz-border-radius:6px;
width: 160px;
height: 300px;
}
.carousel-component ul.carousel-list {
margin:0px;
padding:0px;
line-height:0px;
}
.carousel-component .carousel-list li {
margin:2px;
padding:0px;
font:10px verdana,arial,sans-serif;
}
.carousel-component .carousel-vertical li {
}
.carousel-component ul.carousel-vertical {
}
Es un carrusel de yahoo, esta es la página donde la encontre:
http://billwscott.com/carousel/ .
y este codigo:
Código PHP:
<div id="noticias">
<div id="mycarousel" class="carousel-component">
<div class="carousel-clip-region">
<ul class="carousel-vertical">
<?php
$sql="SELECT * FROM noticias ORDER BY id_noticia DESC LIMIT 0 , 6";
$resultado=mysql_query($sql);
if ($resultado==TRUE){
$cont=0;
while($fila=mysql_fetch_array($resultado)){
$cont++;
?>
<li id="mycarousel-item-<?php echo $cont;?>">
<div class="n_text">
<a href="noticia.php?id=<?php echo $fila["id_noticia"]; ?> " class="nonegrita"><?php echo $fila["titulo"]; ?></a>
</div>
<div class="n_foto" style="background-image: url(admin/imagenes/<?php echo $fila["foto"]; ?>); background-repeat: no-repeat; background-position: center;">
<br />
<div class="fecha_flotando">
<?php
$fecha=strtotime($fila["fecha"]);
?>
<span class="dia">
<?php
echo date('d',$fecha); ?>
</span>
<span class="mes">
<?php switch (date('n',$fecha)) {
case 1: echo "ene";
break;
case 2: echo "feb";
break;
case 3: echo "mar";
break;
case 4: echo "abr";
break;
case 5: echo "may";
break;
case 6: echo "jun";
break;
case 7: echo "jul";
break;
case 8: echo "ago";
break;
case 9: echo "sep";
break;
case 10: echo "oct";
break;
case 11: echo "nov";
break;
case 12: echo "dic";
break;
}?>
</span>
<span class="anno">
<?php echo date('Y',$fecha); ?>
</span>
</div>
</div>
</li>
<?php }
mysql_close();
}
?>
</ul>
</div>
</div>
<div id="b_izq">
<img src="imagenes/flecha_abajo.jpg" alt="hacia atras" class="left-button-image" id="prev-arrow"/>
</div>
<div id="b_der">
<img src="imagenes/flecha_arriba.jpg" alt="hacia adelante" class="right-button-image" id="next-arrow"/>
</div>
</div>
.
Me funciona bien en firefox y IE7 pero en el IE6 imposible. Es una tira vertical que muestra unas noticias, se ven dos botones que sirven para desplazarse arriba y abajo pero no me muestra el titulo, ni la foto, ni la fecha de la noticia.
Gracias de antemano por vuestro interes y saludos