37 Señales de estilo mesa de luz | ¿Como hacer esto?
-
20-09-2019 - |
Pregunta
¿Alguien sabe cómo 37 Signals construyeron los pop ups para vistas previas de imágenes que están ahora en el campo base? Me gusta mucho la rapidez con que se cargan y el hecho de que toda la página no recibe "luz-caja" y hay una frontera mínima Es muy ágil. Se puede ver este efecto en la página de marketing para la hoguera:
http://campfirenow.com/?source=37signals+home
Simplemente haga clic en una de las imágenes a continuación planes y precios.
Es esto Javascript personalizada? Están utilizando una determinada biblioteca javascript? Alguien sabe?
Solución
Tener un vistazo a:
http://campfirenow.com/sprockets.js
y la búsqueda de setupZoom()
El método que se utiliza por los clics es zoomClick()
Parece que están usando FancyZoom para hacer el trabajo y esto se combina con la href="http://www.prototypejs.org/" rel="nofollow noreferrer"> Prototype Marco
Otros consejos
Cool Gracias!
También encontré esto: http://www.highslide.com/
Es un efecto muy similar que no requiere Prototype.