de.hideout-lastation.com
Paradies Für Designer Und Entwickler


ZooMove: jQuery Plugin zum Zoomen von Bildern auf Hover

Wenn Sie jemals eine E-Commerce-Website besucht haben, haben Sie wahrscheinlich den Bild-Zoomeffekt gesehen . Sie bewegen ein Produktfoto und dieser Teil des Bildes vergrößert sich für eine bessere Ansicht .

Das ZooMove-Plugin ist eine großartige Möglichkeit, diesen Effekt auf Ihrer Website zu replizieren . Es wird von jQuery betrieben, so dass Sie es ohne viel Code schnell einrichten können.

ZooMove ist komplett kostenlos und Open Source, verfügbar auf GitHub für alle neugierigen Entwickler. Es kann über npm, Bower, Yarn oder direkt von CDNJS heruntergeladen werden.

Um ein ZooMove-Bild einzurichten, benötigen Sie drei spezifische Dateien in Ihrem Seitenkopf:

  1. jQuery
  2. ZooMove CSS
  3. ZooMove JS

Beide ZooMove-Dateien können minimiert werden, wenn Sie schnellere Seitenladevorgänge durchführen möchten. Sie können die CSS-Datei auch in Ihr Hauptstileheet einfügen, wenn das einfacher ist.

Die ganze wahre Magie passiert im HTML, wo Sie HTML5- data-* attributes für die verschiedenen Effekte festlegen können.

Auf diese Weise können Sie Ihren eigenen Zoom-Effekt basierend auf vier verschiedenen Parametern erstellen:

  1. data-zoo-scale - Definiert die Gesamtzoomgröße beim Schweben (zB 2.0 für 200%)
  2. data-zoo-move - definiert, ob sich das Bild mit dem Cursor bewegt
  3. data-zoo-over - Definiert das gezoomte Bild über dem Original
  4. data-zoo-cursor - definiert den Cursor-Punkt

Mit einem abschließenden fünften Parameter können Sie festlegen, wie die neue Bild-URL aussehen soll (falls erforderlich).

Sie können ZooMove in allen gängigen Browsern verwenden, einschließlich IE9 +. Dieses Plugin wird weitgehend unterstützt und bietet eine Menge Benutzererfahrung.

Wenn Sie nach einer einfachen Hover-to-Zoom-Bibliothek suchen, ist ZooMove eine ausgezeichnete Wahl. Es ist leicht genug, um auf jeder Website zu laufen und es wird von jQuery betrieben, so dass Sie nicht so viel Code schreiben müssen, um es zum Laufen zu bringen.

Besuchen Sie die Hauptseite, um sie in Aktion zu sehen, und lesen Sie die Dokumentation zu GitHub, um mehr zu erfahren.

Drei Wege, um mit Facebook über den Verstorbenen zu verhandeln

Drei Wege, um mit Facebook über den Verstorbenen zu verhandeln

Hast du jemals daran gedacht, was mit deinem Facebook-Account passiert, wenn du stirbst? Es gibt 3 mögliche Dinge, die nach Ihrem Tod mit Ihrem Facebook-Account erledigt werden könnten.Memorialing eines AccountsEinen Legacy-Kontakt auswählenFacebook Account nach dem Tod löschenWir untersuchen, was jeder einzelne Pfad beinhaltet, und helfen Ihnen bei der Entscheidung, welche der drei Optionen Sie auswählen können, um nicht nur Ihre persönlichen Daten und Ihre Privatsphäre auf Facebook zu schützen, sondern auch Ihr Gedächtnis zu schützen. 1. Memori

(Tech- und Design-Tipps)

Welchen Rat würdest du deinem jüngeren Selbst geben?

Welchen Rat würdest du deinem jüngeren Selbst geben?

Ich habe einen Artikel gelesen, in dem Jeff Houston, CEO von Dropbox, seine 5 Lieblingsinterviews im Vorstellungsgespräch zitiert. Eine der Fragen war: Wenn du dich vor 10 Jahren hinsetzen könntest, welchen Rat würdest du deinem jüngeren Selbst geben?Es wäre unfair zu erwarten, dass ein Interviewpartner dies vor Ort beantworten kann. Nic

(Tech- und Design-Tipps)