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

Neto98 · 15 Oct 2015

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

nitroherman · 15 Oct 2015

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

SnakeNet · 15 Oct 2015

Hay varias formas la que esa usa es lazyload

OLMID · 19 Oct 2015

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 🙂

novell · 19 Oct 2015

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 · 20 Oct 2015

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

Saludos.

Adrián Freecss · 20 Oct 2015

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

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

Neto98

nitroherman

SnakeNet

OLMID

novell

Delmon

Adrián Freecss

Temas similares