El código es más sencillo que lo que tienes ahi (al menos el que yo uso y me da excelentes resultados) - Si quieres puedes ver como queda en el POP-UP de http://www.babyinfanti.cl - que es donde lo tengo aplicado. Lo que no he conseguido es que las imagenes NO se repitan...
CODIGO:
<script type="text/javascript">
<!-- //
var prefix = "<img src=\"";
var postfix = "\" />";
var rnumb = "";
var img = "";
rnumb += Math.floor(Math.random()*3);
img = rnumb;
if (img == "0") {
document.write(prefix+ "http://www.direccion.com/imagen1.jpg" +postfix);
}
if (img == "1") {
document.write(prefix+ "http://www.direccion.com/imagen2.jpg" +postfix);
}
if (img == "2") {
document.write(prefix+ "http://www.direccion.com/imagen3.jpg" +postfix);
}
// -->
</script>
Ahora si quieres poner más de 3 imagenes, simplemente agregas otra linea:
if (img == "2") {
document.write(prefix+ "http://www.direccion.com/imagen3.jpg" +postfix);
}
Donde el numero "if (img == "2") {" debe ser cambiado correlativamente al igual que la linea "rnumb += Math.floor(Math.random()*3);" donde debes poner el numero de imagenes que deseas que muestre.
Si tienes alguna duda simplemente consultalo, a mi este codigo me da excelentes resultados.
Saludos cordiales!!!