37 Signale Stil Leuchtkasten | Wie macht man das?
-
20-09-2019 - |
Frage
Wer weiß, wie 37 Signale, die Pop-ups für die Bildvorschaubilder erstellt, die jetzt in Basislager sind? Ich mag, wie schnell sie laden und die Tatsache, dass die ganze Seite nicht „light-boxed“ bekommt und es gibt eine minimale Grenze Es ist sehr bissig. Sie können diesen Effekt auf der Marketing-Seite für Lagerfeuer sehen:
http://campfirenow.com/?source=37signals+home
Klicken Sie einfach auf eines der Bilder unten Pläne und Preise.
Ist das benutzerdefinierte Javascript? Sind sie eine bestimmte JavaScript-Bibliothek? Wer weiß?
Lösung
Haben Sie einen Blick auf:
http://campfirenow.com/sprockets.js
und die Suche nach setupZoom()
Das Verfahren für die Klicks verwendet wird, ist zoomClick()
Es sieht aus wie sie verwenden FancyZoom das zu tun Arbeit und dies mit der Prototype Javascript-Framework.
Andere Tipps
Cool Dank!
Ich fand auch diese: http://www.highslide.com/
Es ist eine wirklich ähnliche Wirkung, die nicht Prototype benötigt.