Schau dir diese schöne Bildzoom-Bibliothek von Desmond Ding an. Sie ist ziemlich klein, hat keine Abhängigkeiten und bietet alle modernen Funktionen, um sie einfach in moderne Websites zu integrieren (Sie wissen schon, verfügbar auf npm und modularisiert). Ich habe eine Demo auf CodePen hochgeladen, damit Sie bequem damit spielen können.
Siehe den Pen Zooming von Chris Coyier (@chriscoyier) auf CodePen.
Als ich sagte "ziemlich klein", die minimierte Version ist immer noch 7K. Schauen Sie sich Dave Ruperts Ansatz an, bei dem alles mit einigen Übergängen und Viewport-Einheiten realisiert wird. Das sind nur wenige Bytes Code!
Siehe den Pen Experiment: Using Picture Element and VW+VH units as a Lightbox von Dave Rupert (@davatron5000) auf CodePen.
Sehr schön! Mir gefällt, wie es beim Scrollen nach oben oder unten sanft zu seiner Position zurückkehrt. :)
Es ist sehr interessant, wie ähnlich es fat/zoom.js ist.
Ich habe es vor einiger Zeit (von einer anderen Vanilla-Version) hier geforkt, mit Bild-, Video- und einigen anderen Unterstützungen (dank auch an spinningarrow).
Vielleicht können wir durch eine Zusammenführung von "Desmonds Version" eine definitive Bibliothek erstellen