Rotador de frases

Stramonio · #1 (**permalink**) 03/03/2004, 04:24

Le he estado dando vueltas, modificandolo pero no consigo hacerlo funcionar, me explico:
- Este es el codigo de la faq 135 ROTADOR DE BANNERS

<script>
// Rotador de banner's . Carlitos. [email protected]

var ana = new Array()
var clara = new Array()
var indice = 0

ana[0] = new Image()
ana[0].src = "mdw.gif"
clara[0] = "http://www.maestrosdelweb.com"

ana[1] = new Image()
ana[1].src = "faq.gif"
clara[1] = "http://www.faqsdelweb.com"

ana[2] = new Image()
ana[2].src = "script.gif"
clara[2] = "http://www.webtutorial.com.ar/scriptmaster/"

ana[3] = new Image()
ana[3].src = "webest.gif"
clara[3] = "http://www.webestilo.com"

function rota()
{
if (indice == ana.length) indice = 0

if (document.images)
{
document.images.fotico.src = ana[indice].src
}
else
{
document.getElementById('fotico').src=ana[indice].src
}
indice++
setTimeout('rota()',2000)
}
function vete()
{
window.open(clara[indice-1])
}
</script>
<body onload=rota()>
<img src="mdw.gif" name="fotico" onclick="vete()">

------------------------------------------------------------------------------------
Bien lo que quiero hacer es sustituir las imagenes por texto concretamente por frases,

Cual seria el codigo que hay que cambiar

Un saludo al foro.

tunait · #2 (**permalink**) 03/03/2004, 04:40

Digamos que hay que cambiarlo todo, necesita un tratamiendo distinto.

A ver si te vale esto

<script language="JavaScript">
//script por tunait
//http://javascript.tunait.com/
var intervalo = 3
var frases = new Array()
frases[0] = "perico de los palotes"
frases[1] = "Los palotes del perico"
frases[2] = "Quien a buena sobre se cobija, andando que es gerúndio"
frases[3] = "más vale apechugar que ciento volando"
var cont = 0
function cambia(){
document.getElementById('frasecillas').firstChild. nodeValue = frases[cont]
if(cont<frases.length){
cont++
}
else{
cont = 0
}
tiempo = setTimeout('cambia()',intervalo*1000)
}
window.onload = cambia
</script>
</head>

<body>
<div id="frasecillas">hola</div>
</body>

en la variable intervalo debes poner la cantidad de segundos que quieras entre cambio y cambio

Stramonio · #3 (**permalink**) 03/03/2004, 17:05

Gracias Tunait eres un as, si si me ha funcionado, pero el problema ahora es que no puedo ponerle tipo de fuente, color etc. a las frases.
Cuando intento ponerle <font color="red"> (esto es un ejemplo) ya no me va.
En otro script muy parecido si me deja meterle dentro del Array los tipos de fuente y todo eso.
De todas formas Gracias

Continuare dandole vueltas haber como lo soluciono.

Un saludo.

tunait · #4 (**permalink**) 04/03/2004, 02:50

Lo ideal es que apliques el formato mediante etilos css (hay que comenzar a dejar de usar el tag font).

De todas formas si quieres incluír tags html puedes hacerlo cambiando esta línea

document.getElementById('frasecillas').firstChild. nodeValue = frases[cont]

por esta otra

document.getElementById('frasecillas').innerHTML = frases[cont]

Stramonio · #5 (**permalink**) 04/03/2004, 18:32

Gracias Tunait,
En lo referente a aplicar estilos css, ya los aplico en la pagina, lo que pasa es que en las frases quiero mostrarlas con una fuente y color determinados y despues el autor con otro tipo de fuente y color y esto dentro del script no sabia como hacerlo desde el archivo de estilos.
Con el cambio que me indicas ya me va, lo que pasa ahora es que cuando llega al final de las frases parece como si contara una mas de las que hay ya que me aparece una frase que pone: undefined (evidentemente que no la tengo).

Gracias, me estas ayudando un monton, de todas formas he entrado en tu pagina y el script que tienes de scroll de titulares me parece perfecto para lo que quiero hacer, solo que aparte de los titulares tendria que poder poner el autor con una fuente y color determinados.
He estado mirando el codigo para poder hacerlo, pero veo que es un codigo muy complicado para mis conocimientos.

Un saludo.

tunait · #6 (**permalink**) 05/03/2004, 07:09

Tal vez te vendría mejor usar el script de scroll de noticias no?

Stramonio · #7 (**permalink**) 05/03/2004, 17:06

si quizas tengas razon, se acopla mejor a lo que quiero, ya lo he estado mirando y voy a utilizar este. Gracias por todo

Un saludo al foro