PDA

Ver la versión completa : Rotador de Noticias



YOERA
07/01/2008, 17:16
No estoy claro si asi se llama pero me gustaria saber como poner en una web un rotador de noticias (asi lo llamo yo), sin muchas complicaciones, aqui un ejemplo:

http://www.eltiempo.com/

me refiero a la imagen central con controladores que intercambia tanto la imagen como la nota de la imagen.

En MSN latino hacen algo parecido pero solamente con la imagen, quizas asís ea inclusive mas facil.

¿puede alguien ayudar?

Arielo
08/01/2008, 10:52
Aquí tienes una manera de hacerlo:

Copia lo siguiente tal como está, y pegalo en la sección BODY de tu HTML:


<form name="TextoRotativo">
<div align="center">
<center> <textarea name="S1" rows="5" cols="30">&nbsp;</textarea></center>
</div>
</form>

<script>
var nummens=-1
var mensajes=new Array()
mensajes[0]="Ejemplo de texto rotativo"
mensajes[1]="Según el pedido hecho por YOERA"
mensajes[2]="en el foro de Diseño Web..."
mensajes[3]="Acá se puede colocar la cantidad"
mensajes[4]="de mensajes que sea necesario..."
mensajes[5]="Por defecto, el texto cambia cada"
mensajes[6]="tres segundos, pero también puede cambiarse"
mensajes[7]="Espero que te sirva..."
mensajes[8]="Saludos!!!!!!"
mensajes[9]="Arielo."

function muestramensaje(){
if (nummens<mensajes.length-1)
nummens++
else
nummens=0
document.TextoRotativo[0].value=mensajes[nummens]
setTimeout("muestramensaje()",3000)
}
muestramensaje()
</script>



De esta manera, el texto va a ir rotando cada 3 segundos. Este valor, puede cambiarse (el "3000" que está sobre el final)
Está expresado en milisegundos, por lo que tendrías que hacer la cuenta Segundos * 1000

Saludos...

YOERA
08/01/2008, 12:11
Muchisimas gracias es excelente probe el codigo y funciona a la perfección, una pregunta si no e smucha molestia ¿se peude hacer con imagenes?...estuve investigando el codigo de la pagina que he publicado y me di cuenta que se trata de un tabberlive en javascript ¿es así?

Arielo
08/01/2008, 16:23
puf! qué bueno que te sirvió...

Aquí (http://flasheina.blogspot.com/2007/06/imagenes-rotativas-en-javascript.html) encontré un script para imágenes rotativas... no lo probé, pero debería funcionar bien...
Saludos!!