Foros del Web » Creando para Internet » HTML »

Fondo de tabla con imagen aleatoria

Estas en el tema de Fondo de tabla con imagen aleatoria en el foro de HTML en Foros del Web. Estoy buscando hace dias algun script que me permita mostrar una imagen distinta como fondo de tabla cada vez que se ingresa o refresca el ...
  #1 (permalink)  
Antiguo 05/05/2010, 17:02
 
Fecha de Ingreso: mayo-2010
Mensajes: 3
Antigüedad: 13 años, 11 meses
Puntos: 0
Fondo de tabla con imagen aleatoria

Estoy buscando hace dias algun script que me permita mostrar una imagen distinta como fondo de tabla cada vez que se ingresa o refresca el sitio; he encontrado algunos post que tratan el tema, pero ninguno parece funcionar.
Alguno muestran como hacerlo pero sin una explicacion de donde debe ir cada linea (¿en el head, body, table, etc.?).
Mis conocimientos son algo superficiales y no termino de adivinar como o donde colocar los scripts.
Si alguien con reales ganas de compartir conoce un script sencillo, basico y funcional que permita esta funcion, por favor que lo comparta y explique donde colocar cada parte de codigo.
Gracias.
  #2 (permalink)  
Antiguo 05/05/2010, 18:02
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Fondo de tabla con imagen aleatoria

Ve a este enlace:
http://renditionprotocol.blogspot.co...und-image.html

eso funciona tanto como con una tabla como con una celda, basta que identifiques el elemento con id="tableImage"

Saludos
  #3 (permalink)  
Antiguo 06/05/2010, 08:48
 
Fecha de Ingreso: mayo-2010
Mensajes: 3
Antigüedad: 13 años, 11 meses
Puntos: 0
Respuesta: Fondo de tabla con imagen aleatoria

Gracias Emprear, pero no hay forma de hacer funcionar el script que propones:
Evidentemente algo estoy haciendo mal o estoy colocandolo donde no corresponde. Te pido por favor alguna pista adicional.

<!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=utf-8" />
<title>Fondo aleatorio</title>
</head>

<body>
<div align="center">
<script language="javascript">
<!--
onload = function() {
/* Aqui va el directorio donde estan las imagenes. */
var imageDirectory = "http://www.midominio.com/fondo/";
/* Para agregar mas imagenes asegurese de incluirlas en la lista considerando las comillas y la coma al final de cada linea. */
var imageArray = new Array("galeria3.jpg",
"galeria2.jpg",
"galeria1.jpg",
"galeria4.jpg",
"galeria0.jpg",
"galeria5.jpg");
var imageArrayLength = imageArray.length;// No modifique las lineas siguientes
var pseudoRandomNumber = ( Math.round( Math.random() * (imageArrayLength - 1) ) );
document.getElementById("tableImage").style.backgr oundImage="url('" +
"imageDirectory + imageArray[pseudoRandomNumber] + "')";
}
//-->
</script>
<noscript>
<style type="text/css">
#tableImage {
background-image:url('http://www.midominio.com/fondo/galeria3.jpg');
}
</style>
</noscript>
</div>
<table width="980" border="0" cellpadding="0" cellspacing="0" id="tableImage">
<tr>
<td height="580">&nbsp;</td>
</tr>
</table>
</body>
</html>
  #4 (permalink)  
Antiguo 06/05/2010, 09:04
 
Fecha de Ingreso: mayo-2010
Mensajes: 3
Antigüedad: 13 años, 11 meses
Puntos: 0
Respuesta: Fondo de tabla con imagen aleatoria

Gracias a un compañero en otro foro he conseguido un script simple que cumple la funcion; solo hay que colocar esto dentro del body e identificar la tabla a la que queramos aplicar la funcion como "myTableId":
Gracias a los que se interesaron y ojala el codigo sirva para otros que tienen el mismo problema.

<script type="text/javascript"><!--
var backgroundImages=new Array(5);
backgroundImages[0]="fondo/galeria0.jpg";
backgroundImages[1]="fondo/galeria1.jpg";
backgroundImages[2]="fondo/galeria2.jpg";
backgroundImages[3]="fondo/galeria3.jpg";
backgroundImages[4]="fondo/galeria4.jpg";

onload=function(){
var e=(document.getElementById)?document.getElementByI d("myTableId"):(document.all)?document.all.myTable Id:(document.layers)?document.myTableId:null;
if(!e)return true;
e.style.backgroundImage="url("+backgroundImages[Math.floor(Math.random()*backgroundImages.length)]+")";
}
//--></script>

Etiquetas: aleatoria, fondo, tablas
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 05:00.