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


Wenden Sie den Zoom-Effekt auf Bilder mit Zoomer an

Es gibt ein Zitat, das besagt: "Ein Bild sagt mehr als tausend Worte." Im Webdesign wird es noch relevanter. Vor allem, wenn es darum geht, Produkte zu präsentieren, zum Beispiel auf einer E-Commerce-Website. Die Leute müssen einen klaren Griff bekommen und in der Lage sein, das Produkt visuell zu betrachten, bevor sie einen Kauf tätigen.

Das Bild so groß wie möglich zu machen, kann dieses Problem nicht lösen, da es auch viel Platz benötigt. Daher ist es am besten, das Bild zoombar zu machen. Mit Zoomer können Sie das ganz einfach machen.

Zoomer ist eine kostenlose Javascript-Bibliothek, mit der Sie Ihr Bild zoomen können . Wenn es aktiviert ist, fügt es einen eigenen Stil und eine Schaltfläche zum Vergrößern und Verkleinern hinzu. Es unterstützt auch mehrere Bilder, die automatisch in eine Bildergalerie umgewandelt werden.

Initialisierung

Bevor Sie es initialisieren, fügen Sie zunächst das Zoomer-Skript (das Sie von der GitHub-Seite erhalten) in Ihr Projekt ein:

Zoomer umgibt das Bild mit seinem Stil und fügt einen Zoom-In und Zoom-Button hinzu. Sie sollten das Zoomer-Stylesheet vor dem schließenden Tag von head einfügen.

 ..  .. 

Ein- und Auszoomen

Um einen neuen Zoomer zu erstellen, fügen Sie einfach ein Bild in einen Wrapper ein. Vergessen Sie nicht, dem Wrapper eine feste Höhe und Breite zu geben, da der gesamte verfügbare Platz durch das neue Markup ausgefüllt wird. Ich erstelle zum Beispiel einen Wrapper mit dem Namen .zoomable und definiere die Höhe auf 500px und die Breite auf 100% wie .zoomable :

 .zoomable {Höhe: 500px; Breite: 100%; } 

Dann wickle ich das Bild, das ich zoomen möchte, wie folgt um:

7 Dinge, die Kunden sagen und was sie eigentlich bedeuten

7 Dinge, die Kunden sagen und was sie eigentlich bedeuten

Eine andere Sprache als Ihre Muttersprache zu kennen, gibt Ihnen immer einen positiven Vorteil. Als professioneller Designer muss die Sprache der Klientel verstanden werden. Clitorish ist die Sprache einer homogenen Gruppe von Menschen, die "Kunden" genannt werden, eine Spezies, mit der sich Designer täglich auseinandersetzen müssen.O

(Tech- und Design-Tipps)

Wie vermeide ich diese 7 häufigsten Online-Scams [Infografik]

Wie vermeide ich diese 7 häufigsten Online-Scams [Infografik]

So wunderbar die Online-Welt für Kollaborationen ist, es ist auch die Heimat von Betrügereien, die es seit der Geburt des Internets gab. Die Technologie macht es leichter für die Leichtgläubigen, betrogen und betrogen zu werden. Und der einzige Weg, sich zu schützen, besteht darin, darüber informiert zu werden, wie diese Betrügereien funktionieren, und die notwendigen Vorkehrungen zu treffen .Diese

(Tech- und Design-Tipps)