Script de citas aleatorias al cargar la pagina

medinauta · #1 (**permalink**) 19/12/2002, 17:12

Hola a todos, quisiera que me ayuden con algo:
Necesito ayuda con el script que te deja crear un archivo con las citas (quotes) que tu escribas, al cargar tu página en forma aleatoria se muestra una cita, pero lo que quiero también es que se me presente una foto junto a ella (la del que dijo esa cita).

Uso este script para las citas aleatorias:
* en el body:
<script language="JavaScript1.1" src="frases.js">

* y en el directorio creo un archivo llamado "frases.js" que tiene:

var quotes=new Array()
quotes[1]='"Cita UNO -Autor1'

quotes[2]='"Cita DOS -Autor2'

var whichquote=Math.floor(Math.random()*(quotes.length ))
document.write(quotes[whichquote])

Qué debo hacer para agregarle la foto del autor?, este script toma las citas al azar.

Gracias por su ayuda.

chivi · #2 (**permalink**) 19/12/2002, 18:32

Con mínimas modificaciones, en tu ejemplo sería así:

Código PHP:

  var quotes=new Array() 
 
quotes[0] = "Cita UNO<br><p align=\"right\"><b>-Autor 1</b><br>" + 
            "<b>Imagen Autor 1</b><br><img src=\"autor1.jpg\"></p>"; 
quotes[1] = "Cita DOS<br><p align=\"right\"><b>-Autor 2</b><br>" + 
            "<b>Imagen Autor 2</b><br><img src=\"autor2.jpg\">"; 
quotes[2] = "Cita TRES<br><p align=\"right\"><b>-Autor 3</b><br>" + 
            "<b>Imagen Autor 3</b><br><img src=\"autor3.jpg\">"; 
 
var whichquote=Math.floor(Math.random()*(quotes.length)) 
document.write(quotes[whichquote])

PD: Has observado que he añadido un nuevo array -> quotes[0], ¿por qué? pues porque la variable "random()" por defecto comienza por 0, lo que quiere decirse, que si en el refresco sale dicho valor, saldría indefinida tu cita, ya que "quotes[0]" no la tienes definida, por ese hecho te la agregué

Saludos!

medinauta · #3 (**permalink**) 19/12/2002, 18:46

Gracias Chivi !!!

Una cosa, ya había pensado en eso, lo que pasa es que no tengo la menor idea de cómo darle el formato que quiero, osea, es que al hacer eso, me sale la imágen donde quiera, junto al nombre del autor, o abajo y no se ve bien.

Me dirías si hay alguna forma de cargarlo en otra celda que tenga id?

chivi · #4 (**permalink**) 19/12/2002, 19:06

De nada!!

Pues mira, trabajándolo un poco, puedes hacer ésto:

Código PHP:

  <html> 
<head> 
<script> 
var autor=new Array() 
var texto_imagen=new Array() 
var imagen_autor=new Array() 
 
autor[0] = "<b>Autor 1</b>"; 
texto_imagen[0] = "<b>Imagen Autor 1</b>"; 
imagen_autor[0] = "<img src=\"autor1.jpg\">"; 
 
autor[1] = "<b>Autor 2</b>"; 
texto_imagen[1] = "<b>Imagen Autor 2</b>"; 
imagen_autor[1] = "<img src=\"autor2.jpg\">"; 
 
autor[2] = "<b>Autor 3</b>"; 
texto_imagen[2] = "<b>Imagen Autor 3</b>"; 
imagen_autor[2] = "<img src=\"autor3.jpg\">"; 
 
var whichquote=Math.floor(Math.random()*(autor.length)) 
</script> 
</head> 
<body> 
<table border="1" width="100%"> 
<tr> 
<td width="100%"> 
<script> 
document.write(autor[whichquote]) 
</script> 
</td> 
</tr> 
 
<tr> 
<td width="100%"> 
<script> 
document.write(texto_imagen[whichquote]) 
</script> 
</td> 
</tr> 
 
<tr> 
<td width="100%"> 
<script> 
document.write(imagen_autor[whichquote]) 
</script> 
</td> 
</tr> 
</table> 
</body> 
<html>

PD: Luego ya tu misma editas los array de autor, texto_imagen, y imagen_autor, con el formato que quieras

¿Así te sirve?

Saludos!

medinauta · #5 (**permalink**) 19/12/2002, 19:33

Ahí está perfecto, gracias varón!!!