Esta vez os presento un código que permite ir alternando tantas imágenes (banners) como deseemos, asignándole a cada una un enlace.
Puede servir para anuncios, presentación de imagenes, diapositivas, y cuantas aplicaciones consideréis.
El código es bastante sencillo para cualquier iniciado, pero si necesitáis ayuda podéis contactar conmigo.
Este es el código:
<script>
var imagen=new Array();
var enlac=new Array();
imagen[0]="https://lh5.googleusercontent.com/_1vNAYVQ3LgU/TXPXvcjMmAI/AAAAAAAABV8/KMnQm98k1a0/s640/plazamayor.jpg";
enlac[0]="https://plazamayorvillarreal.blogspot.com";
imagen[1]="https://lh4.googleusercontent.com/_1vNAYVQ3LgU/TWkMEY19oTI/AAAAAAAABS4/FrOvNFYS_bA/andresroca.jpg";
enlac[1]="https://www.andresroca.com/contacto.html";
imagen[2]="https://lh4.googleusercontent.com/_1vNAYVQ3LgU/TWvO3DOkdGI/AAAAAAAABUI/2iAIh3goDyE/s640/anuncio.jpg";
enlac[2]="mailto:pfont.3110@cajarural.com?subject=Inclusion_propaganda_en_Plaza_Mayor_Villarreal";
np=parseInt(Math.random()*imagen.length,10);
function actupag()
{
if (np<imagen.length-1)
{np++;}
else
{np=0;}
document.getElementById('pag').innerHTML='<a href='+enlac[np]+' TARGET="_new" ><img id="np" src='+imagen[np]+' style="border:0;display:block; margin: auto auto;padding:0px"/></a>';
if (document.getElementById("np").offsetWidth>ancho)
{
document.getElementById("np").width=ancho;
document.getElementById("np").style.width=ancho;
}
}
setInterval('actupag()', 10000);
</script>
<div id="pag" style="font-size: 9px; height: 70px; text-align: center; width: 100%;">
</div>
<script>
var ancho=document.getElementById('pag').offsetWidth;
actupag();
</script>
Por si no sabléis como poner el código en un blog os lo indico en esta otra página