Foros del Web » Creando para Internet » HTML »

Fondo aleatorio de tabla

Estas en el tema de Fondo aleatorio de tabla en el foro de HTML en Foros del Web. Hola a todos, hace un montón de tiempo que no toco HTML y estoy un poco perdido. El caso es que me gustaría poder hacer ...
  #1 (permalink)  
Antiguo 10/11/2009, 19:12
 
Fecha de Ingreso: septiembre-2005
Mensajes: 5
Antigüedad: 12 años, 2 meses
Puntos: 0
Fondo aleatorio de tabla

Hola a todos, hace un montón de tiempo que no toco HTML y estoy un poco perdido.

El caso es que me gustaría poder hacer un sistema de fondos aleatorios de tabla. Puedo hacerlo como imagen pero no como background de tabla...no se si me explico.

este es el código de lo que estoy haciendo:
Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html><head>
<title>Tabla con scroll en una celda</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css" media="screen">
table {
width: 1024px;
height: 700px;
}

th {
background-color: #3F6769;
color: #FFFFFF;
text-align: left;
padding: 0px 50px;
}
.scrollable {
width: 177px;
height: 700px;
verflow: auto;
background-image:url(fondotransparente.png)
}

</style>
</head>
<body>
<table border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<th valign="top"><div class="scrollable"></div>
</th>
</tr>
</table>
</body>
</html>
Y esto es lo que estoy intentando modificar pero no logro hacer que funcione:

Cita:
<script type="text/javascript">

function VecImagenes()
{
n=0;
this[n++]="random1.jpg";
this[n++]="random2.jpg";

this.N=n;
}
var Imagenes=new VecImagenes();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write("<IMG SRC="+src+" />");

</script>
No se si modificar el IMG SRC por un background-image o cosas parecidas

A ver si me echáis una mano

Gracias!!!
  #2 (permalink)  
Antiguo 11/11/2009, 06:37
 
Fecha de Ingreso: septiembre-2005
Mensajes: 5
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Fondo aleatorio de tabla

Me autorespondo:

<html><head>
<title>Tabla </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css" media="screen">
td.marco {
height: 600px;
width: 1024px;
padding: 0px 50px;
border: 1px;
}

.banda {
width: 177px;
height: 700px;
verflow: auto;
background-image:url(fondotransparente.png)
}

</style>

<script language="JavaScript" type="text/javascript">

var image = new Array();

image[0] = 'random1.jpg' ;
image[1] = 'random2.jpg' ;

var index = Math.floor(Math.random() * image.length);
document.write('<style type="text/css"> td.marco { background-image: url('+ image[index] +') } </style>');
</script>

</head>
<body>
<table align="center" cellpadding="0" cellspacing="0">
<tr>
<td class='marco'><div class="banda"></div>
</td></tr>
</tr>
</table>
</body>
</html>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:17.