estoy maquetando un sitio web y en la index tengo unos banners (hechos con código, no con imágenes) que quiero que aparezcan aleatoriamente introduciendo un Random, para que cada vez que entre el usuario le aparezcan banners diferentes. Esto mismo lo he hecho ya varias veces con imágenes, poniendo el siguiente código:
El script que meto en el <head>:
<script>
var images1 = new Array();
images1[0] = 'img/foto_central.jpg';
images1[1] = 'img/img_central02.jpg';
images1[2] = 'img/img_central03.jpg';
images1[3] = 'img/img_central04.jpg';
images1[4] = 'img/img_central05.jpg';
images1[5] = 'img/img_central06.jpg';
images1[6] = 'img/img_central07.jpg';
images1[7] = 'img/img_central08.jpg';
images1[8] = 'img/img_central09.jpg';
images1[9] = 'img/img_central10.jpg';
images1[10] = 'img/img_central11.jpg';
images1[11] = 'img/img_central12.jpg';
images1[12] = 'img/img_central13.jpg';
images1[13] = 'img/img_central14.jpg';
images1[14] = 'img/img_central15.jpg';
function getRandomIndex(min, max)
{
var rng = max-min;
var r = Math.random() * rng;
r = Math.floor(r);
return parseInt(min)+r;
}
function writeRandomImage(imagesArray)
{
var idx = getRandomIndex(0,imagesArray.length);
document.writeln('<img src="' + imagesArray[idx] + '">');
}
</script>
Y después en la celda en cuestión (dentro del <body>) en la que quiero que aparezca la imagen aleatoria el siguiente script:
<script>writeRandomImage(images1);</script>
Bueno la cuestión es que para lo que necesito ahora tengo 6 celdas en las que quiero introducir 6 banners. Inicialmente lo había hecho con includes, es decir, en la celda en la que quiero que aparezca mi banner meto lo siguiente:
<?php include('banner1.html'); ?>
<?php include('banner2.html'); ?>
<?php include('banner3.html'); ?>
y así hasta los 6. el problema es que no sé como hacer que un bloque de código (un html independiente en este caso)
me lo cargue aleatoriamente en la index al entrar en la página. He probado a modificar el script que funciona con la imagen y ponerlo así:
var incluir = new Array();
incluir[0] = 'banner1.html';
incluir[1] = 'banner2.html';
incluir[2] = 'banner3.html';
incluir[3] = 'banner4.html';
incluir[4] = 'banner5.html';
incluir[5] = 'banner6.html';
incluir[6] = 'banner7.html';
incluir[7] = 'banner8.html';
function getRandomIndex(min, max)
{
var rng = max-min;
var r = Math.random() * rng;
r = Math.floor(r);
return parseInt(min)+r;
}
function writeRandominclude(imagesArray)
{
var idx = getRandomIndex(0,includeArray.length);
document.writeln('<?php include="' + imagesArray[idx] + '" ;?>');
}
</script>
Después en cada celda, donde quiero que aparezca el banner pongo el código:
<script>writeRandominclude(incluir);</script>
Y por me dice que mandarinas de la china, no lo reconoce (normal por otro lado con el pifostio que he montao)...
Bueno, siento el mail largo, pero es que es complicado de explicar. ¿Alguien sabe y quiere y puede ayudarme?
Eternamente agradecida, saludos a todos.
).