Hola muy buenas. Llevo días leyendo y probando cosas que encuentro por la red para intentar poner un script en JS que saca una imagen aleatoria(para la cabecera de mi web)y luego meter esa imagen dentro de una tabla.
El motivo de meter la imagen dentro de una tabla es porque así al cargar la web, antes aún de haber cargado la cabecera, la tabla ya crea el espacio necesario para la imagen, y así cuando finalmente carga la imagen, la web no se "agrande de repente" a causa de la carga de la imagen.
Mi problema es que lo hago como se supone que hay que hacerlo, con código HTML simple, es lo mas fácil del mundo vamos...y el problema es que en IE 8 se visualiza PERFECTO pero en firefox no hay manera(imagino que en Opera tampoco se verá bien).
En IE la imagen queda dentro de la tabla, pero en Firefox no hay manera, la imagen se queda fuera y no consigo arreglarlo...asi que sabiendo que mi código esta + o - bien porque en IE se visualiza, no quiero tocar nada mas sin consultar con los expertos :P
Aquí os dejo el cacho del código que interesa:
<table WIDTH="1000" HEIGHT="250" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<script type="text/javascript">
function VecImagenes()
{
n=0;
this[n++]="/wp-content/themes/zinrex/images/headers/header1.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header2.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header3.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header4.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header5.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header6.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header7.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header8.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header9.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header10.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header11.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header12.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header13.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header14.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header15.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header16.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header17.jpg";
this[n++]="/wp-content/themes/zinrex/images/headers/header18.jpg";
this.N=n;
}
var Imagenes=new VecImagenes();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write("<IMG SRC="+src+" />");
</script>
</td>
</tr>
</table>
PD: es una cabereca de un Theme para una web Wordpress
Saludos y espero no causarles muchas molestias :D