MAS INFO / DESCARGAR
Este es un visor de imágenes basado en javascript / CSS preparado para mostrar fotos de productos, mapas o cualquier imagen dentro de un área pequeña personalizada. Se puede configurar e implementar en páginas web con simples pasos de copiar y pegar. Admite todos los principales dispositivos y plataformas táctiles iOS, Android y Windows.
Más de 30 parámetros disponibles para personalizar, pero una versión estándar puede funcionar simplemente con 2 valores:
$('#yourImageID').smoothZoom({
width: <Enter Width>,
height: <Enter Height>
});Opciones:
- Nivel de zoom inicial
- Posición inicial
- Nivel máximo de zoom
- Nivel mínimo de zoom
- Suavidad de animación
- Velocidad de animación para Zoom
- Velocidad de animación para Pan
- Ajustar o Rellenar la imagen
- Habilitar / deshabilitar los botones Panorámicos
- Habilitar/deshabilitar la limitación de panorámica
- Tamaño del botón, color, transparencia, alineación y margen ajustables
- Botón Ocultar automáticamente y tiempo de retardo
- Arrastre del mouse / Arrastre táctil
- Control de zoom de la rueda del ratón
- Zoom de ubicación del cursor del mouse en la rueda del mouse
- Zoom con doble clic del ratón
- Tamaño del borde, color, transparencia
- Opción de tamaño de navegador completo
- Ancho y alto máximos (para cambiar el tamaño de la ventana)
ACTUALIZAR V1.7: [30 MAY 2014]
Windows 8 Phone/Tablet, soporte IE10+ agregadoAhora funciona con eventos de puntero para compatibilidad y soporte táctil constanteACTUALIZAR V1.6.9: [18 MAR 2013]
Se agregó compatibilidad con jQuery versión 1.9.1Se agregó compatibilidad con PrettyPhoto versión 3.1.5El soporte de IE6 se eliminó por completoACTUALIZAR V1.6: [10 JUN 2012]
Se agregó soporte de diseño receptivo y fluido con configuraciones ajustablesSe agregó un nuevo método para cambiar el tamaño del área de visualización en cualquier momento después del inicioLos puntos de referencia pueden cambiar de tamaño con el zoom (excepto IE8 y versiones anteriores)Alineación personalizada: al hacer clic en el botón de reinicio, la imagen se alinea de la manera especificadaLa dirección panorámica se puede invertir a través de la configuraciónConfiguraciones de velocidad separadas para zoom y panorámicaSe agregaron pocas correcciones grandes menores y algunas opciones menores más.ACTUALIZAR V1.5: [18 MAR 2012]
Zoom de un solo paso: es posible alcanzar los niveles de zoom máximo y mínimo con un solo clicTamaño del botón compatible con el tacto: opción para establecer un tamaño de botón diferente para los dispositivos táctilesSe agregaron 2 nuevas devoluciones de llamada
– Se activa cada vez que se actualizan los valores de escala/posición (en cada cuadro de animación)
– Se activa cada vez que cambia la visibilidad del punto de referenciaErrores de iOS corregidos: se corrigieron los problemas relacionados con la posición histórica en iPad, iPhone, iPodError de Chrome solucionado: se corrigió la apariencia aleatoria del borde negro en Google ChromeACTUALIZAR V1.4: [04 MAR 2012]
Puntos de referencia dinámicos: es posible agregar/eliminar/actualizar puntos de referencia en tiempo de ejecución.método focusTo mejorado con parámetro de velocidad personalizado.Es posible configurar funciones de devolución de llamada personalizadas en las siguientes 2 ocasiones:
– En carga de imagen.
– Cada vez que se completa la acción de zoom/panorámica (devuelve los datos de escala/posición).ACTUALIZAR V1.3: [12 FEB 2012]
Se agregó compatibilidad con puntos de referencia / etiquetas / ubicación. (Vista previa #5)Ejemplo de galería de miniaturas agregado. (Vista previa #6)Se agregó el ejemplo de la Galería Lightbox. (Vista previa #7)Compatibilidad con Pinch Zoom añadida para la navegación con dispositivos táctilesError de FireFox 10+ de no poder arrastrar arregladoCodificación mejorada para cumplir con un mejor rendimientoACTUALIZAR V1.2: [02 NOV 2011]
Se agregó un método adicional para recuperar la posición actual y los valores de zoom (muestra n.º 4)
Estos datos serán de utilidad en las siguientes ocasiones:
1. Para hacer la herramienta Recortar
2. Para almacenar los datos de zoom actuales y volver a abrir la página con exactamente el mismo nivel y posiciónAhora el valor de desplazamiento de pantalla completa se puede establecer tanto para el ancho como para el alto en porcentajeACTUALIZACIÓN V1.1: [20 OCT 2011]
Se agregó la capacidad de controlar todas las acciones de los botones desde fuera del complemento (usando sus propios botones)Opción agregada para eliminar todos los botones (para el propósito anterior)El archivo de origen contiene 4 variaciones de ejemplo para iniciar la personalización fácilmenteLa suavidad varía según las capacidades del navegador. El complemento utiliza las mejores opciones disponibles en los navegadores modernos mientras administra la visibilidad en los navegadores más antiguos:
