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

Ventana Pop-up ajustada a imagen 2

Google

Imágenes

Ventana Pop-up ajustada a imagen 2

El clásico script para abrir imágenes en una ventana pop-up con la particularidad de que no es necesaro especificar el alto y el ancho de cada imagen (muy práctico cuando se usan muchas imágenes para no tener que comprobar una por una sus dimensiones.

La diferencia entre este script y el anterior pop-up ajustada a imagen es que esta versión ofrece la posibilidad de pasar a la imagen siguiente o anterior desde la propia pop-up.

Configuración

En el script:

var estilos = 'estilos.css' //nombre o ruta de hoja de estilos (si se usa)
var titulo = "Galería de Fotos" //título de la ventana popup

Crear el listado (array) de imágens o rutas

afotos[0]="fotos/tibidabo.jpg"

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

afotos[4]="directorio/imagen.jpg"

Y luego en la llamada a la imagen:

Ejemplo de llamada a la función desde un texto o enlace:

<a href= "fotos/tibidabo.jpg" onclick="afoto('fotos/tibidabo.jpg'');return false"> Tibidabo </a>

Ejemplo de llamada desde una imagen:

<a href= "fotos/tibidabo.jpg" onclick="afoto('fotos/tibidabo.jpg'');return false"> <img src="tibidabo.jpg" alt="Catedral" /></a>

En el ejemplo 'fotos/tibidabo.jpg' indica que hay que buscar la imagen en el directorio fotos el archivo de nombre tibidabo.jpg

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