Espacio de noticias con php: Scroll de contenido

El_Aprendiz · #1 (**permalink**) 12/08/2006, 21:23

Saludos a todos

Necesito crear un espacio de noticias para una web de tal forma que pueda crear una caja en la cual se desplacen las noticias hacia arriba con una fotografía, tal y como se muestra en esta pagina
http://www.mined.gob.sv/
si se fijan el efecto del puntero cuando se situa sobre la noticia se detiene esta para poder ingresar a la noticia respectica
bueno el gran problema es que debo usar php para esto
gracias por todo espero su respuesta

Cluster · #2 (**permalink**) 13/08/2006, 10:22

El gran detalle (para que enfoques la solución al problema correctamente) es que lo que pretendes en principio tiene alto contenido de DHTML, o Applet Java o cualquier lenguaje del lado del "cliente" (incluido Flash).

Despues viene PHP a "crear" ese còdigo "DHTML" (o parte de el) que se indica para aportar los datos que va a desplazar y afectar visualmente como requieres.

Por ende .. yo lo que harìa primero es:

1) Buscar una solución de lo que planteas en DHTML o similas. De hecho si te fijas en el código fuente de la pàgina que indicas .. ahì podrás verlo incluso.

2) Ver como integrar PHP para generar esas lìneas de còdigo javascirpt donde queda el dato que se va a mostrar.

Como este tipo de cosas no se trata de andar re-inventando la rueda .. puedes visitar sitios como:

www.phpclasses.org y/o www.hotscripts.com y ver si hay algo hecho al respecto que integre DHTML y PHP para tal fin. (lo màs probable es que Si).

Por ejemplo (usando google unos minutos) salió este bien interesante:
http://www.javascriptkit.com/howto/cscroll.shtml

Sólo con PHP tienes que componer tu HTML de lo que tu "scroll" va a rotar donde se indica y listo .. más sencillo de integrar imposible!.

Código PHP:

 
<style type="text/css"> 
 
#marqueecontainer{ 
position: relative; 
width: 200px; /*marquee width */ 
height: 200px; /*marquee height */ 
background-color: white; 
overflow: hidden; 
border: 3px solid orange; 
padding: 2px; 
padding-left: 4px; 
} 
 
</style> 
 
<body> 
 
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"> 
<div id="vmarquee" style="position: absolute; width: 98%;"> 
 
<!--YOUR SCROLL CONTENT HERE--> 
 
<? 
$contenido="<b>Tu HTML con tu imagen y demás ... lo mismo que harías si fuese "est&#225;tico" ... la presentación de tus datos</b>"; 
echo $contenido; 
?> 
 
<!--YOUR SCROLL CONTENT HERE--> 
 
</div> 
</div>

Un saludo,

jorjo · #3 (**permalink**) 22/01/2008, 05:30

Gracias Cluster!