Caja de cristal es un complemento jQuery receptivo que lo ayuda a
agregar la función Zoom de imagen con
Video HTML5 && IFrame capacidades a la vista de su producto y brinda a sus clientes una experiencia de visualización increíble.
Caja de cristal está bien diseñado, construido desde cero y le brinda algunas características únicas.
Puede integrarlo fácilmente en su proyecto y entregarlo más rápido a sus clientes.
Características clave:
Nota
- Este no es un complemento de WordPress. GlassCase es un complemento basado en jQuery.
Tómese un minuto para
Míralo
por tí mismo
Tener un
pregunta previa a la compra para estar seguro de que es adecuado para usted?
Entonces por favor envíenos un mensaje rápido a través de nuestro
formulario de contacto de perfil.
Lo que dicen los compradores:
“¡Recomiendo encarecidamente este producto a otras personas que puedan estar interesadas en comprar GlassCase! tinyComp respondió rápidamente a la solicitud de soporte y escuchó las ideas sobre formas de mejorar GlassCase.
¡Cinco estrellas bien merecidas!”
-ubhape2
“Hola, rara vez escribo comentarios, pero esto se merece uno. Gracias por este Este es un excelente complemento, hace lo que debe y no tomó más de media hora configurarlo”.
-amja
«Hola, complemento encantador y realmente fácil de implementar».
-loudon
”… Solo tenía que decir lo brillante que es esto. Está funcionando tan perfectamente y resuelve tantos problemas de imagen que estaba teniendo. Simplemente me encanta esto. Ahora está completamente integrado en mi sitio web. Para cualquiera que esté pensando en obtener esto, ¡es simplemente genial!
-pauld123
“Estoy muy contento de encontrar classcase para mi proyecto. Es muy útil.”
-soluma
Puede encontrar más reseñas de compradores reales en
comentarios
página.
Registro de cambios:
3.0.1 – 08 abril 2018
Arreglar:
Se solucionó el problema relacionado con la declaración del controlador de eventos, específico de Firefox;
3.0 – 24 noviembre 2017
Nuevo:
- Todo el componente fue reescrito desde cero. Se cambió el funcionamiento interno del componente, se han mantenido todas las opciones, excepto
isDownloadEnabled
eso estaba en desuso. No se realizaron cambios en los nombres de las opciones. - Al componente se le agregó la capacidad de mostrar video HTML5 y contenido IFrame. Se agregaron las siguientes opciones:
-
iframeWidth
– El ancho de IFrame; -
iframeHeight
– La altura del IFrame; -
txtImgThumbIframe
– El texto que utiliza el titular de la imagen en miniatura, para la imagen en miniatura de IFrame; -
videoWidth
– El ancho de video HTML5; -
videoHeight
– La altura del video HTML5; -
txtImgThumbVideo
– El texto que utiliza el titular de la imagen en miniatura, para la imagen en miniatura del video;
Además, se agregaron atributos de datos (relacionados con HTML5 Video && IFrame):
-
data-gc-type
– El tipo del elemento. Valores posibles: IFrame, vídeo; -
data-gc-width
– Define el ancho del contenedor. Anula el valor definido en las opciones del complemento. Este atributo de datos afecta al siguiente tipo de elementos: IFrame, video; -
data-gc-height
– Define la altura del contenedor. Anula el valor definido en las opciones del complemento; -
data-gc-formats
– Este atributo solo lo utiliza el tipo de elemento de vídeo. Se utiliza para especificar varios archivos de origen (múltiples formatos) como respaldo en caso de que el navegador del usuario no admita uno de ellos. El tipo de este atributo es una matriz de cadenas; -
data-gc-poster
– Este atributo solo lo utiliza el tipo de elemento de vídeo. Proporciona una imagen para mostrar antes de que se cargue el video;
-
- Al componente se le agregó la capacidad de reproducción automática. Se agregaron las siguientes opciones:
-
isAutoPlayDisplay
– Habilitar o deshabilitar la reproducción automática de las imágenes; -
pauseTimeDisplay
– Tiempo entre el cambio de imágenes habilitado por isAutoPlayDisplay. El valor está en milisegundos; -
isPauseOnHoverDisplay
– Si se establece en verdadero, al pasar el cursor sobre la imagen de la pantalla, la pantalla de reproducción automática se detendrá;
-
- Al control deslizante del pulgar se agregó la opción
slideType
– El efecto deslizante relacionado con la zona de los pulgares. Valores posibles: ‘slideRow’, ‘slideElement’.
2.1 – 11 febrero 2015
Nuevo:
- La posibilidad de añadir subtítulos. Se pueden agregar subtítulos en el área de zoom;
-
isZCapEnabled
– habilita / deshabilita los Subtítulos de Zoom; -
capZType
– el tipo de subtítulo de zoom:
in
– colocado dentro del Área Zoom;
out
– Los subtítulos se colocan fuera del área de zoom; -
capZPos
– la posición del Título en relación con el Área de Zoom; -
capZAlign
– la alineación del texto colocado en Caption for Zoom; -
mouseEnterDisplayCB
– devolución de llamada para el evento mouseEnter de la imagen de visualización; -
mouseLeaveDisplayCB
– devolución de llamada para el evento mouseLeave de la imagen de visualización; - Al procesar las imágenes, se eliminarán las que tengan el mismo href.
Arreglar:
- Las imagenes
ALT
se guarda y pasa;
2.0 – 30 de octubre de 2014
Nuevo:
- El componente se hizo amigable al tacto;
- Se agregaron las opciones para configurar los pulgares en el lado izquierdo o derecho de la imagen de visualización;
- Los iconos se cambiaron a otro conjunto;
- Se cambió la rueda de carga (usa CSS3)
- Nueva opción:
isHoverShowThumbs
– al pasar el pulgar, cambiará la imagen de la pantalla; - Se agregó una nueva posición de Zoom: Interior: el Zoom se mostrará dentro de la pantalla;
- Nueva opción:
autoInnerZoom
Si la pantalla y el zoom no caben en la página, el zoom se mostrará en la posición interior; - Se manejó el caso cuando no se carga una imagen: en este caso aparecerá un titular.
1.4 – 16 de septiembre de 2014
Nuevo:
El ancho y la altura del zoom se pueden personalizar. Se puede alinear con el contenedor de la imagen o con el área de la imagen;
-
isZoomDiffWH
– Determina si el ancho y la altura del zoom tienen valores diferentes; -
zoomWidth
– El ancho del zoom. El valor está en px; -
zoomHeight
– La altura del zoom. El valor está en px; -
zoomAlignment
– Valores posibles: ‘imagen de visualización’, ‘área de visualización’.
-
-
zoomMargin
– La distancia entre el zoom y el área de visualización; -
thumbsMargin
– La distancia entre los pulgares y el área de visualización;
Arreglar:
La opacidad de la imagen en la superposición, en ie8;
El problema relacionado con: hacer clic en un pulgar seleccionado, deshabilita la selección de otra imagen;
1.3 – 5 de septiembre de 2014
Nuevo:
-
isOverlayFullImage
– Si es verdadero, la imagen en superposición se mostrará en tamaño completo y solo. Si es falso, la imagen se ajustará a la pantalla. Al hacer doble clic, se cambiará el tamaño de la imagen. Si la imagen está en forma => después de hacer doble clic, se mostrará en tamaño completo. Si la imagen está en tamaño completo => después de hacer doble clic, se ajustará a la pantalla; En superposición, hacer clic fuera de la imagen la cerrará;
-
isSlowZoom
– Habilita el efecto de “ralentizar” el movimiento del zoom; -
speedSlowZoom
– Determina cuánto tiempo se ejecutará la animación. La velocidad se da en milisegundos; -
isSlowLens
– Habilita el efecto de “ralentizar” el movimiento de la lente; -
speedSlowLens
– Determina cuánto tiempo se ejecutará la animación. La velocidad se da en milisegundos; -
speed
– Determina cuánto tiempo se ejecutará la animación. La velocidad se da en milisegundos. Este valor se usa en la animación de la lente; zoom; cubrir; deslizar; Agregado al selector .gc-zoom-container img”: “max-width: none !important;”.
1.2.1 – 24 de agosto de 2014
Arreglar:
Si firstThumbSelected será mayor que el número total de pulgares, se asignará a firstThumbSelected su valor predeterminado.
1.2 – 31 de julio de 2014
Nuevo:
El componente GlassCase se hizo receptivo;
Arreglar:
Se corrigió la altura del componente cuando no tiene pulgares y solo se usa la pantalla.
1.1.1 – 12 julio 2014
Arreglar:
Error relacionado con el caso en que la cantidad de imágenes es una más que la cantidad de pulgares por fila.
1.1 – 09 julio 2014
Nuevo:
-
isZoomEnabled
– Habilita o deshabilita el zoom; -
isOverlayEnabled
– Habilita o deshabilita la superposición.
Arreglar:
Cambió el script para que pudiera funcionar correctamente en IE8;
