Tengo una página con el siguiente URL http://www.vuelabonito.com/quiz/ tiene una función en javascript que te muestra una imagen aleatoria cada vez que se recarga la página.
Quisiera que cuando el usuario escriba un link cualquiera como vuelabonito.com/quiz/Emmanuel, por ejemplo, la página a donde se rediriga me de un resultado aleatorio.
Mi funcion que genera este contenido aleatorio es la siguiente:
<script type="text/javascript">
enlace = new Array();
enlace[0] = '<a href="https://www.mexicodestinos.com/acapulco/paquetes/playa-suites-acapulco-all-inclusive"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-Acapulco.png"/></a>';
enlace[1] = '<a href="https://www.mexicodestinos.com/cancun/paquetes/great-parnassus-resort--y--spa"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-Cancun.png"/></a>';
enlace[2] = '<a href="https://www.mexicodestinos.com/san-cristobal-de-las-casas/paquetes/tours-en-chiapas--hotel-mision-grand-san-cristobal-de-las-casas"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-Chiapas.png"/></a>';
enlace[3] = '<a href="https://www.mexicodestinos.com/ciudad-de-mexico/paquetes/viaja-a-ciudad-de-mexico-hotel-san-francisco-centro-historico"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-CiudadDeMexico.png"/></a>';
enlace[4] = '<a href="https://www.mexicodestinos.com/guadalajara/hoteles/hotel-mision-guadalajara-carlton.html"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-Guadalajara.png"/></a>';
enlace[5] = '<a href="https://www.mexicodestinos.com/guanajuato/paquetes/hotel-mision-guanajuato"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-Guanajuato.png"/></a>';
enlace[6] = '<a href="https://www.mexicodestinos.com/huatulco/paquetes/paquete-a-huatulco-con-desayuno-incluido-marina-hotel--y--resort-huatulco"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-Huatulco.png"/></a>';
enlace[7] = '<a href="https://www.mexicodestinos.com/los-cabos/paquetes/royal-solaris-los-cabos-all-inclusive-3334"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-LosCabos.png"/></a>';
enlace[8] = '<a href="https://www.mexicodestinos.com/mazatlan/paquetes/hotel-mision-mazatlan"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-Mazatlan.png"/></a>';
enlace[9] = '<a href="https://www.mexicodestinos.com/monterrey/paquetes/paquete-a-monterrey-mision-monterrey-historico"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-Monterrey.png"/></a>';
enlace[10] = '<a href="https://www.mexicodestinos.com/playa-del-carmen/paquetes/viva-wyndham-azteca-"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-PlayaDelCarmen.png"/></a>';
enlace[11] = '<a href="https://www.mexicodestinos.com/puebla/paquetes/viaja-a-puebla-hotel-mision-grand-ex-hacienda-de-chautla"><img src="https://www.mexicodestinos.com/blog/wp-content/uploads/2017/06/Visita-Puebla.png"/></a>';
aleatorio = Math.random() * (enlace.length);
aleatorio = Math.floor(aleatorio);
document.write(enlace[aleatorio]);
</script>
Quiseria saber como redirigir cualquier enlace para que mi funcion pueda ser ejectuada y siempre se muestre un contenido aleatorio sin tener en cuenta que nombre se escriba en la petición
P.D. Un ejemplo grafico de lo que quiero hacer se puede ver en el siguiente link