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]="http://plazamayorvillarreal.blogspot.com";
imagen[1]="https://lh4.googleusercontent.com/_1vNAYVQ3LgU/TWkMEY19oTI/AAAAAAAABS4/FrOvNFYS_bA/andresroca.jpg";
enlac[1]="http://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.