Carousel de imágenes (marquesina horizontal)

Google

Imágenes

Carousel de imágenes (marquesina horizontal)

Aviso

Esta versión del Carousel de imágenes está desfasada y da problemas usando un doctype para XHTML

Existe una nueva versión del Carousel de Imágenes con Javascript

Cada imagen puede llevar un link distinto y un target distinto.
Se detiene al poner el mouse encima y se pone en marcha al retirarlo.

Configuración

var ancho = 300 // especifica la anchura a mostrar
var alto = 118 // especifica la altura a mostrar (alto de las imágenes)
var velo = 10 // velocidad
var dis = 2 //cantidad de pixels que desplaza por movimiento

Crear el listado (array) de imágenes con los links y targets que queramos para cada una

imagenes[0] = new Image()
imagenes[0].src = "imagenes/14.gif" // ruta o nombre de imagen
imagenes[0].a = "http://www.yahoo.es/" // link de la imagen
imagenes[0].target = "_blank" //target del link

En el ejemplo se usan 7 imágenes (de la 0 a la 6). Para agregar más simplemente se añade otra línea con un índice correlativo

imagenes[7] = new Image()
imagenes[7].src = "imagenes/nuevaImagen.gif" // ruta o nombre de imagen
imagenes[7].a = "http://www.enlace.nuevo" // link de la imagen
imagenes[7].target = "principal" //target del link

En el lugar de la página en donde se quiera que aparezcan las imágenes poner lo siguiente:

<script>escribe();</script>

... y en body...

<body onload="inicio()" >

ver el código fuente del ejemplo


Buscador de animales en adopción
Creative Commons License
Javascript códigos by tunait is licensed under a Creative Commons Reconocimiento-Compartir bajo la misma licencia 2.5 España License.
Permissions beyond the scope of this license may be available at http://tunait.com/javascript/index.php?s=condiciones.

Todos los códigos incluídos los de la página han sido paridos y tecleados por tunait.com. subir