How to Create a Zoom Effect on Images with CSS or jQuery?

Neto98

Eta

Diseñador

Verificación en dos pasos activada

• 15 Oct 2015

• #1

Hola Betas, les pregunto si saben como se hace este efecto que tiene esta web que al pasar el mouse se le da zoom a las imagenes y las puede mover uno, claro dentro de sus limites pero con el zoom aplicado

CAMISETAS PERSONALIZADAS latostadora - tienda de camisetas - venta de camisetas - la tostadora

no se si Es solo con puro CSS, (traslate, translation) o con Jquery talvez

si alguien sabe que es y si fuera posible alguna guia de como hacerlo

Gracias

 

N

nitroherman

Beta

Programador

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 15 Oct 2015

• #2

solo es un efecto de zoom aqui encuentras de eso W3Schools Online Web Tutorials

 

S

SnakeNet

Xi

Programador

• 15 Oct 2015

• #3

Hay varias formas la que esa usa es lazyload

 

OLMID

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 19 Oct 2015

• #4

Aqui tienes un plugin jq que puede servirte, el ejemplo Inner Zoom es muy parecido

http://www.elevateweb.co.uk/image-zoom/examples

O este

EasyZoom, jQuery image zoom plugin

Saludos 🙂

 

Última edición: 19 Oct 2015

novell

Gamma

• 19 Oct 2015

• #5

Aqui tienes uno muy bueno "Image Zoomer" en esta pagina: Dynamic Drive DHTML Scripts- Featured Image Zoomer

Aqui otro "A Jquery Image Zoom Plugin" : http://www.elevateweb.co.uk/image-zoom

 

Delmon

Épsilon

Programador

Verificación en dos pasos activada

• 20 Oct 2015

• #6

Lastimosamente no es solo CSS, sino que es un plugin. Puedes usar cualquiera de los que han puesto arriba.

Saludos.

 

Adrián Freecss

Eta

Verificado

Verificación en dos pasos activada

• 20 Oct 2015

• #7

Tal y como te dijeron, se trata de una combinación entre Javascript y CSS.