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!!!