Hola amigos, soy nuevo por aqui y espero poder aportar lo maximo posible.
Pero ahora os necesito mas que nunca dado que no encuentro la forma de hacer que funcione esto.
(Si copiais el codigo vereis el funcionamiento)
Para ello este es el codigo que tiene dentro:
Código:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>NOTICIAS</title>
<link rel="stylesheet" href="objetos/rapid.css" type="text/css" />
<script type="text/javascript" src="Scripts/jquery.js"></script>
</head>
<body>
<script type="text/javascript">
noticias_scroll = {
evento: function(){
setTimeout(noticias_scroll.ejecutar,10000);
},
ejecutar: function(){
var total=parseInt($("#min_min li").size());
for(i=0;i<total;i++){
var st=$("#min_min li").eq(i).attr("style");
if(st=="display: none;" || st=="DISPLAY: none"){
var i_show=i-3;
var i_hide=i;
$("#min_min li").eq(0).before($("#min_min li").get(total-1));
$("#min_min li").eq(i_hide).hide(500);
$("#min_min li").eq(i_show).show(500);
setTimeout(noticias_scroll.ejecutar,10000);
return;
}
}
}
}
$(document).ready(noticias_scroll.evento);
</script>
<table width="800" border="0" cellspacing="0" cellpadding="0"><tr><td align="center">
<div class="mod-alminuto estirar" align="left"><div class="inn">
<ul id="min_min">
<li class="estirar" style="display:block" > <div class="bubble"><span>Hace 11'</span></div> <div class="mod-txt"><span>
TEXTO 1*</span> </div></li>
<li class="estirar" style="display:block" ><div class="bubble"><span>Hace 20'</span></div><div class="mod-txt"><span>
TEXTO 2*</span></div></li>
<li class="estirar" style="display:block" ><div class="bubble"><span>Hace 24'</span></div><div class="mod-txt"><span>
TEXTO 3*</span></div></li>
<li class="estirar" style="display:none" ><div class="bubble"><span>Hace 32'</span></div><div class="mod-txt"><span>
TEXTO 4*</span> </div></li>
<li class="estirar" style="display:none" ><div class="bubble"><span>Hace 47'</span></div><div class="mod-txt"><span>
TEXTO 5*</span> </div></li>
<li class="estirar" style="display:none" ><div class="bubble"><span>Hace 1h</span></div><div class="mod-txt"><span>
TEXTO 6</span> </div></li>
</ul>
</div>
</div></td>
</tr>
</table>
</body>
</html>
El problema es que ahora tengo que modificarla para mostrar los datos de una SQL, ya consegui la conexion SQL y que me muestre los datos que me interesan, pero no consigo que vuelva a hacer la animacion esa con los resultados del SQL.
Y este es el codigo que tengo implementado por ahora, claro esta que no se que parametros modificar en el while del sql o en el javascript para que haga lo que necesito...
Código:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Noticias</title>
<link rel="stylesheet" href="objetos/rapid.css" type="text/css" />
<script type="text/javascript" src="Scripts/jquery.js"></script>
</head>
<body>
<script type="text/javascript">
noticias_scroll = {
evento: function(){
setTimeout(noticias_scroll.ejecutar,10000);
},
ejecutar: function(){
var total=parseInt($("#min_min li").size());
for(i=0;i<total;i++){
var st=$("#min_min li").eq(i).attr("style");
if(st=="display: none;" || st=="DISPLAY: none"){
var i_show=i-3;
var i_hide=i;
$("#min_min li").eq(0).before($("#min_min li").get(total-1));
$("#min_min li").eq(i_hide).hide(500);
$("#min_min li").eq(i_show).show(500);
setTimeout(noticias_scroll.ejecutar,10000);
return;
}
}
}
}
$(document).ready(noticias_scroll.evento);
</script>
</script>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<div class="mod-alminuto estirar" align="left">
<div class="inn" id="chained">
<?
$busqueda= @mysql_query("SELECT * FROM noticias ORDER BY fecha DESC LIMIT 0,6");
if (!$busqueda){
echo ("Error al seleccionar los elementos de la base de datos, Inténtelo más tarde");
exit();
}
echo '<ul id="min_min">';
while ($row = mysql_fetch_array($busqueda)){
$fechaformato = explode ("-", $row["fecha"]);
$fecha = $fechaformato[2]."/".$fechaformato[1]."/".$fechaformato[0];
$titulo = $row["titulo"];
$id = $row["id"];
?>
<li class="estirar"> <div class="bubble">
<span>
<? echo $fecha; ?>
</span>
</div> <div class="mod-txt">
<span>
<a href="noticias.php?vernoticia=<? echo $id;?>" class="mod-txt">
<? echo $titulo; ?>
</a>*
</span></div>
</li>
<?php
}
echo '</ul>';
?>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
Me podeis exar un cable??? Muchisimas gracias de antemano