Aplicar un efecto de zoom suave a las imágenes con Zoomer
Hay una cita que dice: "una imagen vale más que mil palabras". En el diseño web, se vuelve aún más relevante. Especialmente cuando se trata de exhibir productos, como en un sitio de comercio electrónico, por ejemplo. La gente necesita tener una comprensión clara y poder mirar el producto de una manera visual antes de hacer una compra después de todo.
Hacer la imagen lo más grande posible no puede resolver este problema, ya que también tomará una gran cantidad de espacio disponible. Por lo tanto, la mejor opción es hacer que la imagen sea ampliable. Con Zoomer puedes hacer que eso ocurra con facilidad.
Zoomer es una biblioteca de JavaScript gratuita que permite que su imagen sea ampliable . Cuando está habilitado, agregará su propio estilo y un botón para acercar y alejar. También es compatible con múltiples imágenes, que se convertirán automáticamente en una galería de imágenes.
Inicialización
Antes de inicializarlo, primero incluya el script Zoomer (que puede obtener de la página GitHub) en su proyecto de la siguiente manera:
Zoomer rodeará la imagen con su estilo y agregará un botón de acercamiento y alejamiento. También debe incluir la hoja de estilo de Zoomer antes de la etiqueta de cierre de la head
.
.. ..
Acercar y alejar
Para crear un nuevo Zoomer, incluya fácilmente una imagen dentro de un contenedor. No se olvide de dar al contenedor altura y ancho fijos, ya que todo el espacio disponible se rellenará con el nuevo marcado. Por ejemplo, creo un contenedor con el nombre de .zoomable
y defino la altura a 500px y el ancho al 100% como .zoomable
:
.zoomable {altura: 500px; ancho: 100%; }
Luego envuelvo la imagen que quiero hacer zoomable, como se muestra a continuación:
![]()
![]()
Cómo establecer nuevas aplicaciones predeterminadas en Windows 10
No soy un gran admirador de las aplicaciones integradas de Windows 10, por lo que siempre descargo alternativas de terceros que suelen ser más potentes. Sin embargo, esto también me obliga a administrar aplicaciones predeterminadas con frecuencia .Desafortunadamente, Windows 10 tiene una interfaz completamente diferente para administrar aplicaciones predeterminadas, a diferencia de Windows 7 u 8.
![]()
Las 5 aplicaciones móviles principales para proteger a sus hijos
En el mundo altamente digitalizado de hoy, todo el mundo parece llevar un teléfono inteligente, y eso incluye a los niños también. Si le confías a tus hijos un teléfono inteligente, entonces también puedes usarlo para mantenerlos seguros.Puede agregar un montón de aplicaciones en el teléfono inteligente de su hijo para mantenerlas a salvo tanto en el mundo digital como en el mundo real. Puede