Agregue un efecto de aumento en su página web con jfMagnify

Hay un montón de complementos de zoom gratis Eso funciona increíblemente bien. Sin embargo, la mayoría de estos son construido para imágenes y especifican direcciones para contenido de solo imagen.

Que si tu pudieras añadir un efecto de aumento a cada parte de su página web? Gracias a jfmagnificar, usted puede.

Es un plugin gratis de jQuery que soporta no solo el zoom de la imagen, sino también zoom de página completa. Es uno de los pocos complementos que también te permite elegir el nivel de ampliación y apoya eventos táctiles para usuarios móviles.

Tenga en cuenta que este plugin puede sentirse un poco pesado porque se basa en dos dependencias: jQuery regular y jQuery UI. Ambos son necesarios para que jfMagnify funcione correctamente. Por no mencionar el jfMagnify script real deberás incluir en tu página.

La configuración es un poco complicada porque solo puedes apuntar a elementos ampliados dentro de un contenedor. Si quieres apuntar a toda la página necesitarás incluye una clase en todo tu sitio web.

Así es como el sola linea de jQuery se vería como

 $ (". magnify"). jfMagnify (); 

Este objetivos todos los elementos dentro de la .aumentar envase que suele ser un div elemento.

Estos elementos internos pueden ser imágenes, pero también podrían incluir letra pequeña, por ejemplo, en los términos del sitio o las páginas de la política de privacidad. Toda la documentación es disponible en el repositorio de GitHub, Así que una vez que lo configuras, todo el proceso se vuelve mucho más fácil..

Además, este plugin es muy voluble y viene con muchas reglas de contenedores. Por ejemplo, el elemento contenedor. no puede tener una posición CSS estática, por lo que debe ser relativo, absoluto o fijo.

Usted puede encuentra todas las reglas de estilo predeterminadas en el repositorio de GitHub, pero podría ser una molestia personalizarlo si su diseño ya está creado y ejecutándose. Los beneficios de jfMagnify son, para mí, vale la pena el esfuerzo. Realmente, depende de tus necesidades y de si te gusta la interfaz..

Echa un vistazo a los documentos en GitHub para ver lo que piensas. Y, también puedes vista previa de la interfaz en CodePen si quieres ver la biblioteca en acción antes de instalarla.