Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso.
Las cookies de este sitio web se usan para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Además, compartimos información sobre el uso que haga del sitio web con nuestros partners de redes sociales, publicidad y análisis web, quienes pueden combinarla con otra información que les haya proporcionado o que hayan recopilado a partir del uso que haya hecho de sus servicios. Puede cambiar la configuración u obtener más información aquí

Aceptar

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. Política de cookies subir