Buenas Tardes Zerokilled.
Mira disculpa mi ignorancia pero soy nuevo en esto de javascript, y no entiendo mucho de los codigos y su metodologia, bueno eh puesto el codigo como me dijiste, pero el problema sigue no cambian las imagenes, yo creo que el problema es por que no entiendo mucho como tengo que configurar los codigos que me proporcionas, seria posible que fueras un poco mas claro en cuanto a la configuracion que tengo que darle al codigo? porfavor.
lo que yo hice es esto ahora.
Código PHP:
<!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>Documento sin título</title>
<script>
var listado = ["box_1.jpg", "box_2.jpg", "box_3.jpg", "box_4.jpg", "box_5.jpg", "box_6.jpg", "box_7.jpg"];
// barajar el orden;
listado.sort(function(){return Math.round(Math.random()) - .5;});
function ImagenAleatoria(num) {
document.write('<P><IMG SRC="images/random'+ listado[num] +'.jpg" BORDER="0"></P>');
}
</script>
</head>
<body>
<div id="ramdon">
<div id="col1"><img src="images/random/box_1.jpg" width="50" height="50" /><img src="images/random/box_2.jpg" width="50" height="50" hspace="8" /><img src="images/random/box_3.jpg" width="50" height="50" /></div>
<div id="col2"><img src="images/random/box_4.jpg" width="50" height="50" vspace="8" /><img src="images/random/box_5.jpg" width="50" height="50" hspace="8" vspace="8" /><img src="images/random/box_6.jpg" width="50" height="50" vspace="8" /></div>
</div>
</body>
</html>