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


Viewer - Einfaches Bild-Zoom-Plugin für Vanilla JS & jQuery

Sie können eine schnelle Suche durchführen und Dutzende von Bibliotheken für Leuchtkästen, Diashows und Galerien finden.

Eine der neuesten Bibliotheken, die meine Aufmerksamkeit erregt haben, ist der Viewer. Derzeit in der Version 0.6 ist es immer noch ein Projekt in der Entwicklung, aber das Design und die Funktionen dieses Bild- Plugins sind beide phänomenal.

Auf der Startseite finden Sie eine Live-Demo mit verschiedenen Bildstilen. Sie können Ihre eigene Galerie auf verschiedene Funktionen einstellen, z. B. direktes Zoomen mit einem einzelnen Bild oder eine längere Diashow mit vielen Bildern.

Dies kommt auch mit einem "Inline-Modus", der den Bildbetrachter an ein Element auf der Seite anfügt. Wenn der Benutzer also auf ein Miniaturbild klickt, wird das Foto innerhalb dieses Elements und nicht auf der gesamten Seite vergrößert .

Sie finden Schaltflächen für so ziemlich alles: Rotationen, zusätzliche Beschriftungen und vollständiges 1: 1-Zoomen, um eine klare Ansicht von hochauflösenden Fotos zu erhalten.

Mit ein paar JS-Optionen entscheiden Sie, wie das Viewer-Skript funktionieren soll . Möchten Besucher nicht in Bilder hineinzoomen lassen? Kein Problem.

Sie können auch die Diashow-Funktion deaktivieren oder einfach die Schaltflächen für die nächste / vorherige Ebene in der Benutzeroberfläche deaktivieren. Gleiches gilt für die Vorschaubilder, die angezeigt werden, wenn die Diashow vollständig angezeigt wird.

Beachten Sie auch, dass dieses Skript eine Nicht-jQuery-Version hat, wenn Sie Vanille JS bevorzugen. Beide Plugins arbeiten auf die gleiche Weise und sie sind beide in aktiver Entwicklung. Alles, was Sie zum Anpassen dieser Schnittstelle benötigen, finden Sie auf der GitHub-Hauptseite.

Wenn Sie Ihre eigenen UIs programmieren wollen, dann ist der Viewer ein sehr cooles Plugin. Es bietet so viel Kontrolle über das Verhalten jeder Diashow, dass Sie dies in so ziemlich alles, was Sie wollen, umstrukturieren können.

Webentwickler werden einen Feldtag mit allen Optionen in diesem kostenlosen Bildskript arbeiten.

Wie Big Data Analytics Städte intelligenter macht

Wie Big Data Analytics Städte intelligenter macht

Innovative Ideen gewinnen immer an Zugkraft und können nicht zurückgehalten werden, wenn sie sich über Länder und schließlich den Globus ausbreiten. Der Fortschrittsprozess ist ein Beispiel für das Überleben der Menschheit, auch wenn die jüngsten Technologien unsere Methoden der Vorwärtsbewegung drastisch verändert haben .Heute ist

(Tech- und Design-Tipps)

10 CSS3 Animationswerkzeuge, die Sie mit Lesezeichen versehen sollten

10 CSS3 Animationswerkzeuge, die Sie mit Lesezeichen versehen sollten

Da Menschen dazu neigen, Dinge, die sich bewegen, leichter wahrzunehmen, können intelligent verwendete Animationen die Benutzererfahrung einer Website verbessern, indem sie auf wichtige Elemente aufmerksam machen, die Benutzer schnell bemerken müssen .CSS3 hat eine neue Animationssyntax eingeführt, mit der Sie viele interessante Dinge in Ihren Designs erreichen können. Da

(Tech- und Design-Tipps)