Foros del Web - Ver Mensaje Individual

gcrlink · #4 (**permalink**) 29/01/2011, 23:03

Cita:

Iniciado por lukkifrag

me podrias sitar un ejemplo con mi codigo porque no eh entendido bien como modificar

Hola... el Código que presenta sirguy en el post es sencillo de utilizar. Sólo tienes que copiarlo tal cual está en la cabecera de tu código HTML, o sea entre las etiquetas <head></head> de la siguiente manera:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="stylo.css" rel="stylesheet" type="text/css" />
 
 
<!-- INICIO DEL CÓDIGO -->
 
<script type="text/javascript">
<!--
/*Random Background Image-
By JavaScript Kit (www.javascriptkit.com)
More free JavaScripts here!
*/
 
var backgr1="../clip/backgr4.jpg"
var backgr2="../clip/backgr17.jpg"
var backgr3="../clip/backgr13.jpg"
 
var cur=Math.round(6*Math.random())
if (cur<=1)
backgr=backgr1
else if (cur<=4)
backgr=backgr2
else
backgr=backgr3
document.write('<body background="'+backgr+'" bgcolor="#FFFFFF">')
// -->
</script>
 
<!-- FIN DEL CÓDIGO -->
 
 
</head>
 
<body>
 
</body>
</html>

Luego debes sustituir el valor de cada una de las variables (lo que está en verde) var backgr1="../clip/backgr4.jpg" por la ruta de la imágen que quieras que se muestre cada vez que reinicias la página con F5. Puedes incluir el número de imágenes o fondos que desees. Sólo debes incluir la misma variable cambiando el número que tiene al final por EJ.

Código:

var backgr1 = mi images.png
var backgr2 = mi images.png
var backgr3 = mi images.png
var backgr4 = mi images.png
var backgr5 = mi images.png
var backgr6 = mi images.png

etc...

En el ejemplo que te pongo te borré el código que habías escrito entre <body></body> porque para que este script funcione no hacía falta. Entendiendo que lo que deseas es que cada vez que el usuario visite la página se vea un fondo diferente.

Espero te funcione.