Los anuncios que encontrará en esta página provienen todos del programa Adsense de Google, con la garantía que ello supone. Puede curiosear en ellos sin ningún problema y riesgo.

domingo, 6 de marzo de 2011

Carrusel de imágenes

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

Ni un ciclista más fallecido en accidente de tráfcio

Añada un gadget a su blog

Casi todo lo que se muestra en este blog es susceptible de ser usado en otras páginas o blogs. Si Ud. necesita saber como implementarlo, siga el enlace de este título.

Si no encontró lo que quería, proponga otra búsqueda.

Ya somos abuelos

Ya somos abuelos
Mi última web, aun en desarrollo

Motor inmobiliario