Bildergalerie in jQuery. Bildergalerie in jQuery mit interessantem Effekt jquery gallery full screen

1. Implementieren des Portfolios mithilfe der jQuery-Galerie

Projekt-Miniaturansichten werden gescrollt, wenn Sie die Position des Mauszeigers in der linken Spalte ändern. Der Inhaltsbereich zeigt ein vergrößertes Bild mit dem Projektnamen, der Beschreibung und einer Liste der verwendeten Technologien an. Während Sie zwischen Miniaturansichten navigieren, werden Projektinformationen in einem atemberaubenden animierten Effekt miteinander ausgetauscht. Wenn Sie auf der Beschreibungsseite auf das Bild klicken, wird es auch mithilfe der jQuery-Animation vergrößert. Ich möchte auch das atemberaubende, elegante Erscheinungsbild der gesamten Portfolio-Seite hervorheben. Siehe Demo.

2. Super Implementierung einer Portfolio-Site mit CSS und jQuery

Hervorragende Implementierung der Portfolio-Site eines Fotografen. Wenn Sie auf einen Menüpunkt klicken, wird ein Bereich mit einem Inhalt fester Höhe und Breite aus über den Bildschirm verteilten Quadraten zusammengesetzt. Um weitere Informationen im festen Bereich zu platzieren, wird ein Bildlauf durch Inhalte bereitgestellt. Die Implementierung der Darstellung von Werken aus dem Portfolio erfolgt auf ungewöhnliche Weise: Wenn Sie auf eine Miniaturansicht klicken, wird das Foto als Hintergrundbild angezeigt, das automatisch skaliert wird, wenn die Größe des Browserfensters geändert wird.

3. jQuery-Portfolio-Wand

Eine originelle Lösung zum Erstellen eines Online-Portfolios. Projektblöcke (Miniaturansichten und eine kurze Beschreibung mit einem Link) werden mehrere hintereinander angezeigt. Wenn das Browserfenster geändert wird, werden die Blöcke mit einem animierten Effekt gleichmäßig auf der Seite verteilt. Jedes Projekt kann mehrere Miniaturbilder enthalten, deren Übergang mithilfe der Pfeile ausgeführt wird. Durch Klicken auf den Link wird eine vollständige Beschreibungsseite mit dem Text geöffnet, der auf einem halbtransparenten Bildlaufblock mit fester Höhe platziert wird. Als Seitenhintergrund wird ein skalierbares Projektbild verwendet. Sieht cool aus - schauen Sie sich die Demo an.

4. Reibungsloses Scrollen der jQuery-Seite

Implementierung von vertikalem und horizontalem Scrollen.

5. Plugin jQuery "Draggable Image Boxes Grid"

Ein ziehbares Raster aus Inhaltsblöcken und Bildern. Das Raster kann mit der Maus gezogen werden (drücken Sie eine beliebige Maustaste und ziehen Sie in die gewünschte Richtung). Wenn Sie auf eine Miniaturansicht klicken, wird das Hauptbild auf die gesamte Bildschirmbreite erweitert. Wenn Sie auf einen dunklen Block mit Text klicken, wird ein Bereich mit einer detaillierteren Beschreibung angezeigt.

6. Einseitige Portfolio-Site

Einseitige Website mit animierter Inhaltsänderung. Gehen Sie auf der Demoseite die Menüregisterkarten durch, um den Effekt zu sehen.

7. Umschalten der Anzeige von Blöcken auf jQuery

Mit Hilfe dieses jQuery-Plugins "Anzeigeoptionen wechseln" können Sie einen Schalter auf der Seite implementieren, mit dessen Hilfe der Besucher von einer Tabellenanzeige mit Informationen zu einer Vollansicht mit Blockbeschreibungen wechselt. Perfekt für die Portfolio-Implementierung.

8. Vorlage für eine Restaurant-Website mit jQuery-Galerie und Karte von Google

Original jQuery-Lösung für Cafés. Die Vorlage verfügt über eine interessante jQuery-Galerie zum Anzeigen von Gerichten aus dem Menü. Die Bilder in der Galerie werden basierend auf der Größe des Browserfensters skaliert. Zunächst werden in der Galerie Miniaturansichten mit dem Namen und kurzen Beschreibungen der Gerichte angezeigt, wobei das Foto in voller Größe im Hintergrund schattiert angezeigt wird. Die Navigation zwischen den verfügbaren Fotos erfolgt mit den Pfeilen oder dem Mausrad. Wenn Sie im Galeriemodus klicken, werden die Miniaturansichten mit der Beschreibung entfernt und Sie können die großen Originalbilder anzeigen, die auf die gesamte Breite des Fensters gestreckt sind. Um von der Galerie zum Site-Menü zurückzukehren, klicken Sie auf den Link in der oberen rechten Ecke. Neben der wunderschönen jQuery-Galerie ist eine Karte von Google sehr effektiv in die Vorlage integriert.

9. Plasm The Wall Plugin

Erstellen einer Art "Wände" aus Fotos oder HTML-Blöcken, die mit der Maus innerhalb eines festen Bereichs über den Bildschirm gezogen werden können.

10. Plugin zum Anzeigen von Elementen in einem Kreis

Zeigen Sie auf der Seite verschiedene Elemente entlang eines Kreises mit einem bestimmten Durchmesser an.

11. Stichleitungsseite "Baustelle im Bau"

Die Seite kann eine E-Mail-Adresse senden, die in der Datenbank gespeichert ist und an die Sie eine Benachrichtigung über das Öffnen der Site senden können. Die Seite ist auch mit einer kleinen Diashow dekoriert, die auf Basis des jQuery-Plugins Nivo Slider v implementiert wurde. 2.3.

12. QuickFlip 2 Plugin

Mit ihm können Sie einen interessanten rotierenden Visitenkarteneffekt erzielen, wenn Sie auf einen Link klicken.

13. jQuery-Clickmap

Die Idee ist, Benutzerklicks zu verfolgen. Um das Plugin auf der Demoseite in Betrieb zu sehen, klicken Sie mit der Maus und dann auf die Schaltfläche "Analyse". Auf einem durchscheinenden Hintergrund werden die Punkte angezeigt, an denen Sie mit der Maus geklickt haben.

Implementierung einer schönen Bildschirmtastatur. Man weiß nie, es wird für etwas nützlich sein.

15. jQuery Notes

Implementierung von Flugblättern mit Notizen. Der Text kann bearbeitet und die Notizen selbst können gelöscht oder auf dem Bildschirm verschoben werden. Um ein Beispiel zu sehen, gehen Sie zur Demoseite auf der Registerkarte "Demo".

16. jQuery-Bewertung

17. HoverAttribute

Interessantes Design von Links: Wenn Sie mit der Maus über einen Link fahren, ändert sich dessen Anker. Es sieht cool aus.

18.jQuery Fancy Captcha für das Anmeldeformular

Captcha-Implementierung für das Registrierungsformular. Das Plugin besteht aus einer Reihe von Zahlen, die durch Ziehen und Ablegen in aufsteigender Reihenfolge festgelegt werden müssen. Eine interessante Möglichkeit, um zu bestätigen, dass es sich bei der Registrierung um eine echte Person und nicht um einen Roboter handelt.

Am unteren Bildschirmrand befinden sich Schaltflächen, mit denen Sie problemlos auf der Seite nach oben oder unten scrollen können.

20. Übersetzer. jQuery Plugin "jTextTranslate"

Das Plugin verwendet die Google Language API und kann Text in alle von Google bereitgestellten Sprachen übersetzen. Um zu übersetzen, müssen Sie auf das Symbol neben dem Absatz klicken und die Sprache, die Sie übersetzen möchten, aus der Dropdown-Liste auswählen.

21. jQuery-Paginierungs-Plugin

Hervorragende Implementierung von Bildlauf-Links für die Seitennavigation. Implementiert mit jQuery.

22. jQuery Notes-Plugin

Mit diesem jQuery-Plugin können Sie "Papier" -Notizen auf Ihrer Site implementieren.

23. jQuery Plugin "Catch404"

24. jQuery jBreadCrumb-Plugin

Plugin zum Erstellen einer animierten Breadcrumbs-Navigationskette

25. Plugin "Reel"

26. jQuery Plugin "Dance Floor"

jQuery-Plugin für die Implementierung der Produktseite. Wenn Sie auf das Produktbild klicken, wird dessen Beschreibung angezeigt.

27. jQuery Plugin "3D Cloud of Places"

28. Sperrige CSS-Tasten

29. Animiertes horizontales Scrollen von Seiten

vertikaler jQuery-Bildlaufeffekt. Perfekt für die Implementierung von einseitigen Websites und Portfolio-Websites. Um den Effekt anzuzeigen, klicken Sie auf der Demoseite auf einen Menüpunkt.

30. jQuery Plugin "Bewertungssystem"

jQuery-Effekt für die Implementierung der Bewertung von etwas. Die Farbe der Kreise und der Text darunter ändern sich je nachdem, über welcher Mauszeiger sich der Mauszeiger befindet.

31. jQuery Panel Magic

Ein Plugin, das die Site-Navigation implementiert. Gleichzeitig wird Ihre Site als Raster von Dokumenten dargestellt, zwischen denen ein Übergang mit einem interessanten jQuery-Effekt erfolgt.

Mit diesem Plugin können Sie ganz einfach kleine Websites und Webanwendungen erstellen. Es wird auch auf Portfolio-Websites gut aussehen.

32. Ladeanzeige auf Mootools, Plugin "MoogressBar"

Effektive Ladeanzeige.

33. Mootools Plugin "CwComplete"

Beim Ausfüllen des Felds werden Sie vom Plugin nach möglichen Optionen zum Ausfüllen mit Ajax gefragt, während nur die Optionen gefiltert und angezeigt werden, die dem bereits in das Feld eingegebenen Text entsprechen.

34. Großartiger Ajax-Chat mit jQuery und CSS3

Vor dem Beginn eines Gesprächs muss ein Besucher seinen Spitznamen und seine E-Mail-Adresse eingeben. Die rechte Spalte zeigt, wie viele Personen im Chat angemeldet sind. Verwendete Technologien: PHP, MySQL, jQuery, CSS.

35. Implementierung der Seite "Pro Projekt vorschlagen"

Besucher können einen neuen Vorschlag hinzufügen oder für einen vorhandenen abstimmen. Eine hervorragende Lösung für diejenigen, die die Meinung ihres Publikums über die Website erfahren möchten. Auf dieser Seite können auch neue Ideen für die weitere Entwicklung Ihres Projekts gesammelt werden. Verwendete Technologien: PHP, MySQL, jQuery, CSS

36. Implementierung einer Abstimmung / Umfrage mit PHP und jQuery

37. Abstimmung über Ajax "TinyEditor"

Sorgfältige Durchführung von Umfragen auf der Website. Verwendete Technologien: jQuery, Ajax, PHP und MySQL.

Eine sehr interessante Lösung für die Implementierung von Abstimmungen auf der Website. Durch Ziehen der Blöcke nach oben und unten und Greifen der Bilder mit der Maus können Sie sie in beliebiger Reihenfolge auf der Seite anordnen. Je höher Sie den Block verlassen, desto besser haben Sie ihn bewertet. Wenn Sie den Block ganz unten platzieren, bedeutet dies, dass er Ihnen am wenigsten gefallen hat. Nachdem Sie die Blöcke in der gewünschten Reihenfolge platziert haben, müssen Sie auf die Schaltfläche "Umfrage senden" klicken, damit die Abstimmung berücksichtigt wird. Auf der Ergebnisseite werden die Abstimmungsergebnisse und die Anzahl der Besucher angezeigt, die abgestimmt haben. Verwendete Technologien: CSS, PHP, MySQL, jQuery.

Einfaches Ajax-Kommentarsystem mit Validierung der Informationseingabe. Kommentare werden in der Datenbank gespeichert. Implementiert mit: PHP, MySQL, CSS, jQuery.

40. Zähler für die Anzahl der Dateidownloads

41. Hinweise auf einer Seite mit PHP

Verwendete Technologien: PHP, jQuery, CSS.

Beim Navigieren durch die Menüelemente wird der Inhalt geladen, ohne die Seite neu zu laden. Verwendete Technologien: PHP, jQuery, CSS.

43 jQuery-Website-Suche mit Technologie von Google

Implementieren der Websitesuche mithilfe der Google AJAX-Such-API. Sie können dem Besucher die Möglichkeit geben, sowohl auf Ihrer Website als auch im Internet zu suchen. In diesem Fall kann die Suche nicht nur auf den Seiten der Site, sondern auch auf Bildern und Multimediadateien durchgeführt werden.

44. Überlagerungseffekt der jQuery-Beschreibung auf das Bild

Ein sehr interessanter Effekt, der bei der Implementierung eines Portfolios verwendet werden kann. Wenn Sie auf das Bild klicken, wird es mit einem durchscheinenden Hintergrund abgedunkelt, und eine Inschrift mit einer Beschreibung dessen, worauf Sie achten sollten.

45. Implementieren einer Q & A-Seite mit jQuery

jQuery-Implementierung der FAQ-Seite auf der Site. Eine Liste der Fragen wird oben auf der Seite angezeigt. Wenn Sie auf eine Frage klicken, wird die Seite reibungslos zur ausgewählten Seite verschoben, und die aktive Frage mit der Antwort darauf wird in einer anderen Farbe hervorgehoben. Außerdem wird im aktiven Antwortfeld ein Link angezeigt, um zur Liste der Fragen zurückzukehren.

46. \u200b\u200bWebsite auf Ajax. Der Inhalt wird ohne erneutes Laden der Seite geladen

47. Ändern Sie die Hintergrund- und Textfarbe mit jQuery

Die Farbe ändert sich, wenn Sie den Mauszeiger bewegen. Sie können die Farbe zufällig ändern.

48. Site Guide Verwenden von jQuery

Mit Hilfe dieses interessanten Plugins können Sie den Besucher mit den Grundfunktionen Ihrer Website vertraut machen, wenn er zum ersten Mal darauf gekommen ist. Wenn die Seite geladen wird, wird in der oberen rechten Ecke ein Block mit dem Vorschlag angezeigt, eine Tour durch die Site zu machen. Wenn ein Besucher Ihre Website zum ersten Mal besucht, kann er sich anhand eines kleinen Leitfadens mit den Hauptfunktionen vertraut machen. In diesem Fall wird die Seite abgedunkelt und die erforderlichen Blöcke werden bei jedem Schritt mit einer Markierung markiert. Wenn der Besucher bereits zuvor auf Ihrer Website war, kann er einfach das Fenster schließen und eine Tour durch die Website anbieten.

49. Virtueller Rundgang durch die Website "Joyride Kit"

Mit diesem Plugin können Sie den Besucher mit den Hauptfunktionen der Seite vertraut machen. Dies erfolgt in Form einer sequentiellen Popup-Beschreibung der Elemente. Der Besucher kann alle Tipps anzeigen, indem er auf die Schaltfläche Weiter klickt oder die Online-Tour (falls er nicht zum ersten Mal auf diese Seite gelangt) mit dem Kreuz schließt.

Ich setzte die Reihe von Überprüfungen neuer Lösungen fort, die ich begonnen hatte, und beschloss, eine umfassendere Sammlung interessanter und effektiver Diashows und Fotogalerien zusammenzustellen, die ich je gesehen habe und die mit der Magie von jQuery erstellt wurden.
Ich möchte Sie sofort warnen, dass die Ressourcen, die in der Rezension besprochen werden, hauptsächlich auf Englisch sind, aber ich denke, wer es braucht, wird es intuitiv oder mit Hilfe von Übersetzern herausfinden, von denen es ein Dutzend gibt. Und wenn Sie gut aussehen, finden Sie Beschreibungen der Technik zum Erstellen einiger Galerien und Schieberegler auf Russisch, da viele unserer Webentwickler bei der Arbeit an einem bestimmten Projekt zunächst für sich selbst übersetzen und dann detaillierte Beschreibungen aller ihrer Manipulationen für den freien Zugriff veröffentlichen. ...
Zum Beispiel habe ich das Gleiche getan, als ich einmal am Erstellungsmechanismus gearbeitet habe. Zuerst habe ich eine geeignete Galerieoption für mich in der Bourgeoisie gefunden, sie übersetzt, um besser zu verstehen, was ich tat, und später wage ich zu hoffen, kein schlechter Artikel über die Verwendung des Highslide-Skripts. mit Arbeitsbeispielen in verschiedenen Anwendungsvarianten.
Und so, genug von den unnötigen Texten, gehen wir direkt zum Review, sehen, lesen kurze Erklärungen und wählen aus einer Vielzahl neuer jQuery-Plugins und -Skripte, um interessante Bildschieberegler, Fotogalerien und Diashows auf Ihren Websites zu implementieren: mit automatischem und manuellem Wechsel Folien, Schieberegler für Hintergrundbilder mit und ohne Miniaturansichten usw. usw...

Of.Website | Demo

Eine vollständige, anpassbare jQuery-Bildergalerie mit Diashow-Elementen, Übergangseffekten und mehreren Albumoptionen. Kompatibel mit allen modernen Desktop- und mobilen Browsern.

Eine Anleitung zum Erstellen einer jQuery-basierten Vollbildgalerie. Die Idee ist, ein Miniaturbild des angezeigten Vollbilds seitlich anzuzeigen, das reflektiert wird, wenn Sie sich mit den Pfeilen oder dem Maus-Kokeshik durch die Bilder bewegen. Große Bilder ändern sich je nach gewähltem Übergang im Diashow-Stil nach oben oder unten. Die Möglichkeit, das Bild zu skalieren, wodurch das Bild im Hintergrund angezeigt und im Vollbildmodus angezeigt oder an die Seitengröße angepasst werden kann.

Parallax Slider

Parallax Slider Eine interessante Lösung für die Organisation der Anzeige von Bildern in Form einer Diashow mit manuellen Steuerelementen. Zieht die ursprüngliche Platzierung von Miniaturansichten von Bildern an. Die offizielle Website enthält ein vollständiges Layout für die Integration und Konfiguration des Schiebereglers.

Minimalistische Diashow-Galerie mit jQuery Eine hervorragende Bildergalerie mit Elementen der automatischen Bildänderung sowie der Möglichkeit, die Anzeige und Auswahl von Bildern aus einem Dropdown-Block mit einem Raster von Miniaturansichten manuell zu steuern. Von den Minuspunkten können wir feststellen, dass keine Bilder in Originalgröße angezeigt werden, aber dies ist der Minimalismus dieser Galerie.

Es ist eine Vollbild-Diashow mit automatisch wechselnden Bildern, ohne umwerfende Effekte, alles ist einfach und geschmackvoll.

Minimit Galerieist ein hochgradig anpassbares jQuery-Plugin mit einer großen Auswahl an Bildübergängen. Mithilfe der Minimit-Galerie können Sie eine Demonstration von Bildern in Form eines Karussells, einer Diashow, eines einfachen Rotators und eines einfachen Umblätterns von Bildern organisieren.

Ist ein winziges (2 KB) jQuery-Plugin, das eine einfache und sachliche Möglichkeit bietet, Bilder als Diashow anzuzeigen.

Ist eine gut aussehende Javascript-Galerie mit intuitiven Steuerelementen und einwandfreier Kompatibilität auf allen Computern, iPhones und Mobilgeräten. Sehr einfach zu installieren und zu konfigurieren

Im Gegensatz zu vielen Javascript- und jQuery-Bildschiebereglern ist Slider.js eine Hybridlösung, die auf effizienten CSS3-Übergängen und Animationen basiert.

Dies ist eine einseitige Vorlage zum Erstellen verschiedener Präsentationen in HTML5 und CSS3.

Diapo Diashow ist ein Open Source-Projekt. Sie können Änderungen oder Verbesserungen vorschlagen, wenn Sie möchten. Sie können es kostenlos herunterladen und verwenden sowie nichts und niemand stört sich daran, diesen Schieberegler in Ihren Projekten zu verwenden. Der Schieberegler ist leicht anpassbar, interessante Übergänge zwischen den präsentierten Inhalten, und Sie können alles in den Schieberegler einfügen, es funktioniert ziemlich schnell, ohne Pfosten.

Ist nichts anderes als ein anderes Tool zum Erstellen von Diashows auf Websites und anderen Webprojekten. Unterstützt von allen modernen Browsern, horizontale und vertikale Animation, Unterstützung für benutzerdefinierte Übergänge, Callback-API und mehr. Sie können alle HTML-Elemente in Folien verwenden, die für Anfänger verständlich und zugänglich sind und völlig kostenlos verteilt werden.

JavaScript-Diashow für agile Entwicklung

Implementieren Sie Ihre Diashows mit diesem fantastischen jQuery-Plugin. Ein hochgradig anpassbares Tool, mit dem Sie Ihre Inhaltspräsentation gemäß Ihren Anforderungen erstellen können. Ein Datenformat wird verwendet, um die Integration mit externen Daten oder Daten aus Ihrem CMS zu vereinfachen. Dies ist eine neue Version und von Grund auf neu geschrieben. Die Entwickler haben versucht, den gesamten Prozess der Arbeit mit ihrer Idee auf äußerst klare und verständliche Weise zu beschreiben.

- jQuery-Plugin, mit dem Sie ungeordnete Listen in Diashows mit attraktiven Animationseffekten konvertieren können. In einer Diashow können Sie eine Liste von Folien anzeigen, entweder mithilfe von Zahlen oder Miniaturansichten oder mithilfe der Schaltflächen Zurück Weiter. Der Schieberegler verfügt über viele Originalanimationstypen, darunter Würfel (mit verschiedenen Unterarten), Pipe, Block und mehr.

Ein vollständiger Satz von Tools zum Organisieren aller Arten von Präsentationen verschiedener Inhalte in Ihren Webprojekten. Die bürgerlichen Leute haben ihr Bestes gegeben, fast alle Arten von verschiedenen Schiebereglern und Galerien, die im Clip enthalten sind, mit der Magie von jQuery. Foto-Schieberegler, Fotogalerie, dynamische Diashow, Karussell, Inhalts-Schieberegler, Registerkarten-Menü und vieles mehr. Im Allgemeinen kann sich dort unsere unbändige Vorstellungskraft bewegen.

Dies ist ein jQuery-Diashow-Plugin, das auf Einfachheit ausgelegt ist. Es enthält nur die nützlichsten Funktionen, sowohl für Anfänger als auch für fortgeschrittene Entwickler, und bietet die Möglichkeit, einfache, aber gleichzeitig sehr effektive und benutzerfreundliche Diashows zu erstellen.

- Ein so einfacher Slider, der auf jQuery basiert und in jeder Hinsicht einfach ist, erfordert keine besonderen Fähigkeiten. Ich denke, viele werden sich für die Implementierung von Diashows auf ihren Websites als nützlich erweisen. Das Plugin wurde in allen modernen Browsern getestet, einschließlich des langsameren IE.

jbgallery ist eine Art Benutzeroberflächen-Widget, das in Javascript der jQuery-Bibliothek geschrieben ist. Seine Funktion besteht darin, ein großes Bild als Hintergrund der Site im Vollbildmodus und mehrere Bilder als Schieberegler anzuzeigen. Alle Ansichtsmodi verfügen über Ansichtssteuerelemente. Eine interessante Lösung für sich, wo sie nicht einmal Standard ist.

Es ist ein benutzerfreundliches jQuery-Plugin zum Anzeigen Ihrer Fotos als Diashow mit Übergangseffekten zwischen Bildern (gesehen und interessanter). jqFancyTransitions ist kompatibel und wurde ausführlich mit Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+ und Opera 9+ getestet.

Ist ein kostenloses jQuery-Plugin zum Anzeigen von Bildern und anderen Informationen in Form eines "Leuchtkastens". Popup mit Steuerelementen, schattiertem Hintergrund und allem, einfach und geschmackvoll.

Ein weiteres jQuery-Plugin aus der Lightbox-Serie, obwohl es auf schändliche Weise wiegt (9 KB), während es eine Reihe von Möglichkeiten bietet, damit zu arbeiten. Es gibt eine anständig gestaltete Oberfläche, die Sie mit CSS jederzeit verbessern oder anpassen können.

Schon aus dem Namen wird deutlich, dass es nichts Besonderes gibt, wir haben einen sehr einfachen automatischen Bild-Scroller mit völlig fehlenden Steuerelementen. Wer weiß, vielleicht nur durch seinen Minimalismus, wird dieser Schieberegler Ihre Aufmerksamkeit erregen.

Bildrotator mit verschiedenen Arten von Übergängen. Es funktioniert sowohl im automatischen Modus als auch beim Klicken und ist recht einfach zu konfigurieren.

- eine vollwertige Bildergalerie und nicht nur ein Schieberegler. Vorschau von Miniaturansichten und die Möglichkeit, Übergangseffekte auszuwählen, vollständige Unterstützung für alle Browser, detaillierte Beschreibung der Integration in ein Webprojekt und kostenlose Verteilung.

Es handelt sich um eine Implementierung gebrauchsfertiger Diashows mit scriptaculous / prototype oder jQuery. Horinaja ist eine Art innovative Lösung, da Sie mit dem Rad durch den Inhalt des Schiebereglers scrollen können. Befindet sich der Mauszeiger außerhalb des Diashow-Bereichs, erfolgt die Änderung automatisch. Wenn der Zeiger über der Diashow platziert wird, wird das Scrollen gestoppt.

Eine Funktion aus einer Reihe der einfachsten Bildlaufleisten funktioniert, obwohl sie über Anzeigesteuerungen verfügt, sowohl im automatischen als auch im manuellen Modus.

s3Slider - jQuery-Plugin, erstellt eine Diashow aus einer ungeordneten Liste von Bildern und kann problemlos auf jeder Website implementiert werden.

Dies ist ein jQuery-Plugin, das für die Verarbeitung großer Fotomengen bei gleichzeitiger Schonung der Bandbreite optimiert ist.

Vegas Hintergrund

Mit dem Vegas Background jQuery-Plugin können Sie Ihren Webseiten wunderschöne Hintergrundbilder im Vollbildmodus hinzufügen, alle mit Diashow-Elementen. Wenn Sie die Feinheiten der Arbeit mit dem Plugin sorgfältig studieren, können Sie natürlich viele interessante Lösungen finden, wenn Sie sie nur brauchen.

- ein Schieberegler als Schieberegler, nicht mehr und nicht weniger, mit Bildunterschriften oder Ankündigungen von Artikeln und einfachen Steuerelementen unter Verwendung der "Tipp" -Methode.

Ist ein leichtes (ca. 5 KB) Javascript zum Organisieren der Bildbetrachtung. Durch die automatische Größenänderung und Skalierung großer Bilder können Sie das Bild im Browserfenster in voller Größe anzeigen

PikaChoose jQuery Image Gallery Version 4 ist verfügbar! Pikachoose ist eine leichte jQuery-Diashow mit großartigen Funktionen! Integration in Fancybox, großartige Themen (wenn auch nicht kostenlos) und vieles mehr bieten die Plugin-Entwickler an.

Überprüft die Anzahl der Bilder in Ihrer Liste und erstellt dynamisch eine Reihe von Fotolinks in Form der digitalen Navigation. Wenn Sie auf jedes Bild klicken, werden Sie vorwärts oder rückwärts bewegt. Sie können die Bilder auch je nach Bereich des Klicks auf das Bild durchblättern (Beispiel: Wenn Sie auf die linke Seite des Bildes klicken, werden die Folien für die rechte Seite des Bildes hin und her bewegt).

Ein weiterer jQuery-Schieberegler, der perfekt in jede WordPress-Vorlage passt.

Eine weitere Entwicklung von "Nivo", wie alles, was die Jungs aus diesem Studio tun, ist das Plug-In von hoher Qualität, enthält 16 einzigartige Übergangseffekte, Tastaturnavigation und vieles mehr. Diese Version enthält ein spezielles Plugin direkt für WordPress. Für alle Fans dieser Blogging-Engine ist Nivo Slider genau das Richtige für dieses Thema.

jQuery-Plugin, mit dem Sie schnell einen einfachen, effektiven und schönen Schieberegler für Bilder jeder Größe erstellen können.

Piroboxist ein leichtes jQuery "Lightbox" -Skript. Die Anzeige erfolgt in einem Popup-Block, der sich mit allen Steuerelementen automatisch an die Größe des Bildes anpasst.

Die Macher dieser Galerie bieten eine recht originelle Präsentation der Bilder. Die Bilder werden als Miniaturbilder in Form einer Welle angezeigt. Wenn Sie auf das Miniaturbild klicken, betrachten wir eine mittelgroße Version des Bildes, klicken ein zweites Mal und Sie erhalten ein großes Bild. Sie können dies als Experiment betrachten, aber Sie müssen zugeben, dass etwas Neues und Ungewöhnliches immer interessant ist.

Vollbild-Diashow mit HTML5 und jQuery

Um Diashows zu erstellen und Bilder im Vollbildmodus anzuzeigen, verwendeten die Entwickler das Ihnen bereits bekannte Vegas jQuery-Plugin, das viele Ideen und Techniken enthält, die zuvor in den Artikeln der Gruppe ausführlich beschrieben wurden. Angezogen durch das Vorhandensein von HTML5-Audioelementen und den Stil der Ausführung von Übergängen zwischen Bildern.

Eine weitere Entwicklung des Codrops-Teams, eine vollwertige und funktionale Bildergalerie. Was es jedoch bedeutet, sie zu beschreiben, müssen Sie sehen.

Bild Diashow, Bilder verschwinden direkt vor Ihren Augen, der Effekt ist erstaunlich.

Ist ein JavaScript-Framework für die Bildergalerie, das auf der jQuery-Bibliothek basiert. Ziel ist es, die Entwicklung einer professionellen Bildergalerie für Web- und Mobilgeräte zu vereinfachen. Möglichkeit zur Anzeige im Popup-Fenster und im Vollbildmodus.

Leise gewöhnen wir uns daran und warten auf neue Arbeiten des Codrops-Teams. Bitte besorgen Sie sich einen großartigen Bildschieberegler mit einem großartigen 3D-Übergangseffekt, um Bilder im Vollbildmodus anzuzeigen.

Ein weiteres WordPress-Plugin aus der Reihe der Diashow-Organisatoren. Einfache Integration in fast jedes Design und bietet viele Anpassungsoptionen für fortgeschrittene und unerfahrene Benutzer.

Ein weiteres Plugin, das für WordPress geschrieben wurde, erleichtert das Organisieren einer Diashow mit Bildern oder anderen Inhalten in Ihren Blogs erheblich.

Schönes Diashow-Plugin für die WordPress-Integration. Die Xili-Floom-Diashow wird automatisch installiert und persönliche Einstellungen sind ebenfalls zulässig.

Slimbox2 ist ein etabliertes WordPress-Plugin zum Anzeigen von Bildern mit "Lightbox" -Effekt. Unterstützt die automatische Größenänderung von Diashows und Bildern im Browserfenster. Im Allgemeinen hat dieses Plugin viele Vorteile gegenüber anderen Plugins dieser Serie.

Mit diesem Plugin und Widget können Sie dynamische, verwaltbare Diashows und Präsentationen für Ihre WordPress-Website oder Ihr WordPress-Blog erstellen

Dieses WordPress-Plugin konvertiert in die Galerie eingebettete Bilder in eine einfache und flexible Diashow. Das Plugin verwendet den FlexSlider jQuery-Bildschieberegler und die persönlichen Einstellungen des Benutzers.

Ist ein WordPress-Plugin zum Organisieren von Foto-Diashows, Bildern von SmugMug-, Flickr-, MobileMe-, Picasa- oder Photobucket-RSS-Feeds, das mit reinem Javascript funktioniert und angezeigt wird.

Ein einfacher Schieberegler wie dieser für WordPress und mehr. Nichts überflüssiges und umständliches, die Arbeit wird in einem minimalistischen Stil ausgeführt, der Schwerpunkt liegt auf Stabilität und Geschwindigkeit, es verbindet sich perfekt mit der Blog-Management-Engine.

Meiner Meinung nach ist Skitter einer der besten WordPress-Slider. Angezogen von der Stabilität und Geschwindigkeit der Arbeit, nicht zu prominenten Steuerelementen, Übergangseffekten und einer ziemlich einfachen Verbindung zum Thema.

Ist ein WordPress-Plugin, mit dem Sie einfach und schnell eine Bildergalerie auf Ihrer Website organisieren und in einem Diashow-Modus anzeigen können. Die Anzeige kann entweder automatisch oder vollständig gesteuert werden, mit Miniaturansicht und Bildunterschriften.

Of.Website | Demo

Zeigt alle Bilder für einen Beitrag / eine Seite als Diashow an. Einfache Installation. Für dieses Plugin ist Adobe Flash für die Version mit Übergangsanimation erforderlich. Wenn Flash nicht gefunden wird, funktioniert der Schieberegler normal.

Ein weiterer einfacher WordPress-Schieberegler, der Post-Bilder und kurze Artikelvorschauen anzeigt. Ich benutze von Zeit zu Zeit ein solches Plugin in diesem Blog.

Meteor Slides ist ein jQuery-basierter WordPress-Schieberegler mit über zwanzig Übergangsstilen zur Auswahl. Der Autor nannte das Plug-In "Meteor", was wahrscheinlich die Arbeitsgeschwindigkeit impliziert. Vielleicht habe ich nichts über den Meteor bemerkt.

oQey Gallery ist eine vollständige Bildergalerie mit Diashow-Elementen für WordPress mit eingebetteten Video- und Musikfunktionen.

Es ist eine Diashow mit Flash-Animationselementen zum Anzeigen von Bildern und Videos auf Websites und Blogs. Sie können diesen Schieberegler auf jeder Website platzieren, ihn in jeder Größe und mit jedem gewünschten Inhalt einfügen.

Das Flash Gallery-Plugin verwandelt Ihre regulären Galerien in atemberaubende Bildwände und unterstützt mehrere Alben pro Beitrag, Vollbildvorschau und Diashow-Modus.

WOW Slider ist ein jQuery-Bildschieber für WordPress mit großartiger Grafik (Explosion, Fly, Blinds, Quadrate, Slices, Base, Fade, Stack, Vertical Stack und Linear) und professionell gestalteten Vorlagen.

Promotion Slider ist ein jQuery-Plugin, mit dem Sie auf einfache Weise eine einfache Diashow aufpeppen oder mehrere Zonen rotierender Anzeigen auf der Seite implementieren können. Da es sich um ein hochgradig anpassbares Tool handelt, haben Sie die vollständige Kontrolle darüber, was Sie im Slider anzeigen und wie das Modul funktioniert im Allgemeinen.

| Demo

Neu in Version 2.4: Unterstützung für das Ziehen und Ablegen von Fotos per Drag & Drop direkt über den WordPress-Editor sowie die Möglichkeit, Fotolinks zu Hauptbildern hinzuzufügen. (IE8 weist möglicherweise Fehler auf und funktioniert in allen gängigen Browsern einwandfrei. Die Autoren versprechen, dass IE8 in Zukunft uneingeschränkt unterstützt wird.)

| Demo

Der letzte Akkord dieser Rezension wird dieses WordPress-Plugin sein, ein weiterer Schieberegler mit interessanten visuellen Effekten zum Auswählen und Ändern von Bildern.

Ich schaue mir all das an und bin erstaunt, dass es für die Menschen ein Flug der Fantasie sein muss, und das ist nicht alles, was verschiedene Webentwickler in letzter Zeit zum Thema Organisieren von Bildern in Webprojekten angehäuft haben. Es ist großartig, dass es jetzt möglich ist, so großartige Lösungen für die Erstellung von Galerien und Diashows zum Leben zu erwecken.
Ich wage ruhig zu hoffen, dass Sie in dieser Sammlung etwas Interessantes für sich finden, Ihre eigene, einzigartige Galerie oder Ihren Schieberegler schließen, zur Freude Ihrer Benutzer und natürlich für sich selbst, Ihre Geliebte, aber wo ohne das ...

von Dmitry Semenov
ist eine jQuery-Bildergalerie und ein Plugin für Inhaltsschieberegler. Es ist vollständig reaktionsschnell, berührungsfreundlich und verfügt über eine modulare Architektur, mit der Sie nur Funktionen einbeziehen können, die Sie zur Optimierung der Dateigröße und Leistung benötigen.

von Andy - The Coffeescripter
Ein hochgradig anpassbares Galerie- / Showcase-Plugin für jQuery.

von Trent
Galleriffic ist ein jQuery-Plugin, das ein reichhaltiges, post-backfreies Erlebnis bietet, das für die Verarbeitung hoher Fotovolumina bei gleichzeitiger Bandbreite optimiert ist.

Tonic Gallery - jQuery XML-Portfolio-Galerie | $ 6

von Aino
Galleria ist ein JavaScript-Bildergalerie-Framework, das auf der jQuery-Bibliothek basiert. Ziel ist es, die Erstellung professioneller Bildergalerien für das Web und mobile Geräte zu vereinfachen.

von CatchMyFame
Neulich habe ich nach einer einfachen Möglichkeit gesucht, mit jQuery zwischen einer Reihe von Bildern auf einer Seite zu wechseln. Als Programmierer machte ich mich daran, mein eigenes Plugin zu erstellen.

von Thomas Kahn
Smooth Div Scroll ist ein jQuery-Plugin, mit dem Inhalte horizontal nach links oder rechts gescrollt werden. Abgesehen von vielen anderen Scrolling-Plugins, die für jQuery geschrieben wurden, beschränkt Smooth Div Scroll das Scrollen nicht auf bestimmte Schritte.

von Victor Zambrano - frwrd.net
Minishowcase ist eine kleine und einfache PHP / Javascript-Online-Fotogalerie, die von AJAX bereitgestellt wird und es Ihnen ermöglicht, Ihre Bilder ohne komplexe Datenbanken oder Codierung einfach online anzuzeigen und in wenigen Minuten eine funktionsfähige Galerie zu erstellen.

von Caspar David Friedrich
EOGallery ist eine mit jQuery erstellte webanimierte Diashow-Galerie. Es werden nur grundlegende jQuery-Funktionen und Cody Lindleys Thickbox verwendet, um größere Bilder anzuzeigen.

von Arnault Pachot
Ein Multiformat-Karussell für jQuery, ein nicht aufdringliches und zugängliches Portfolio, das mehrere Medien unterstützt: Fotos, Video (FLV), Audio (MP3). Dieses Plugin für jQuery erkennt automatisch die Erweiterung jedes Mediums und wendet den angepassten Player an.

Die Wand - Mediengalerie - jQuery powered | $ 5

von Stefan Petre
Ein weiteres Bildergalerie-Plugin mit Space-Effekt, sehr leichtem und einfachem Plugin.

von Moreno Di Domenico
jmFullWall ist ein jQuery-Plugin zur Erstellung eines beeindruckenden Portfolios.

von Fabrizio Calderan
Mosaiqy ist ein jQuery-Plugin zum Anzeigen und Zoomen von Fotos in Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome und IE7 +. Fotos werden aus einer JSON / JSONP-Datenstruktur abgerufen und zufällig in das Raster verschoben. Alle teuren Animationen werden von Ihrer GPU in neueren Browsern mithilfe von CSS3-Übergängen übernommen, wodurch der CPU-Overhead minimiert wird.

von Cody
Das folgende jQuery-Plugin verwandelt eine Reihe von Bildern in eine winzige Galerie mit mehreren Optionen. In der Micro-Bildergalerie können Sie zwischen einer Rasteransicht mit einer Vorschau der Bilder als Miniaturansichten und einer einzelnen Ansicht mit nur einem Bild wechseln.

VION - jQuery Image Gallery Plugin | $ 7

von Malihu
Eine einfache, aber elegante Vollbild-Bildergalerie, die mit dem jQuery-Framework und etwas einfachem CSS erstellt wurde.

Hallo liebe Leser a! In diesem Tutorial zeige ich Ihnen, wie Sie ein minimalistisches, aber gleichzeitig komfortables und funktionales Modell erstellen fotogalerie auf jQueryoder eine Bildergalerie, wie Sie möchten. Die Galerie kann Kategorien erstellen und anschließend filtern. Es ist auch möglich, eine Diashow zu starten. Die Galerie funktioniert in allen Browsern, sodass es keine Probleme mit der Anpassung gibt.

Zum Erstellen dieser Galerie werden zwei kostenlose Bibliotheken verwendet: Treibsandund Schönes Foto... Sie erleichtern das Erstellen einer Galerie erheblich. Wie immer können Sie das Ergebnis der Arbeit auf der Demoseite sehen sowie das Archiv aus der Arbeitsgalerie und allen Quelldateien herunterladen. Der einzige Nachteil, wenn ich so sagen darf, ist die manuelle Erstellung von Miniaturansichten für große Bilder. Ansonsten ist dies galerie der Aufmerksamkeit wert. Ebenso gut wie !

HTML-Markup

Schauen wir uns zunächst das Panel mit einer Liste von Kategorien an. Dies ist eine Liste mit Aufzählungszeichen ul. Darüber hinaus muss jedes Element der Liste einen eindeutigen Klassennamen haben.

1
2
3
4
5
6
7
8

<ul class \u003d "Portfolio-Kategoriefilter"\u003e
<li\u003eKategorien:</ li\u003e
<li class \u003d "alle aktiv"\u003e Alles</ a\u003e
<li class \u003d "cat-item-1"\u003e
Kategorie 1</ a\u003e
<li class \u003d "cat-item-2"\u003e
Kategorie 2</ a\u003e
<li class \u003d "cat-item-3"\u003e
Kategorie 3</ a\u003e
<li class \u003d "cat-item-4"\u003e
Kategorie 4</ a\u003e
</ ul\u003e

1
2
3
4
5
6
7
8
9
10
11


  • Wie oben erwähnt, sind Listenelemente Bilder in der Galerie. Jedes Element der Liste enthält zusammengesetzte. Dies ist das Bild selbst oder vielmehr seine Miniaturansicht sowie eine Beschreibung. Das Vorschaubild ist ein Link zum Hauptbild. Das Attribut rel ist erforderlich, um Javascript aufzurufen und das Hauptbild zu öffnen.

    Vergessen Sie auch nicht zwei wichtige Dinge: Das Daten-ID-Attribut muss für das li-Listenelement eindeutig sein. Das Datentypattribut enthält die Kategorieklasse, deren Liste ich oben beschrieben habe. Es geht nur um das Markup.

    CSS-Stile

    Ich werde mich nicht auf Stile konzentrieren, da wir eine vorgefertigte Bibliothek verwenden Schönes Foto, die für die Vergrößerung des Bildes verantwortlich ist, und es gibt viel CSS-Code. Es ist jedoch anzumerken, dass es 5 Optionen für die Gestaltung des vergrößerten Bildes gibt, obwohl idealerweise nur 3, da bei zwei Optionen nur die Rundung entfernt wird.

    Daher werde ich nur CSS-Stile für Miniaturansichten und eine Liste von Kategorien anzeigen.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28

    Portfolio-Kategorie (Rand-unten: 30px;)
    .portfolio-kategorie li (
    anzeige: Inline;
    rand rechts: 10px;
    }
    .image-block (
    bildschirmsperre;
    position: relativ;
    }
    .image-block img (
    rand: 1px durchgehend # d5d5d5;
    randradius: 4px 4px 4px 4px;
    hintergrund: #FFFFFF;
    polsterung: 10px;
    }
    .image-block img: hover (
    rand: 1px durchgehend # A9CF54;
    kastenschatten: 0 0 5px # A9CF54;
    }
    .portfolio-area li (
    float: left;
    rand: 0 12px 20px 0;
    Überlauf versteckt;
    breite: 245px;
    polsterung: 5px;
    }
    .home-Portfolio-Text (Rand oben: 10px;)
    li.active a (Textdekoration: unterstreichen;)

    Grundsätzlich sollte bei Stilen alles klar sein. Um die Kategorien auszurichten, wird die Anzeigeeigenschaft auf Inline gesetzt. Stellen Sie die Hintergrundfarbe (weiß) und einen Versatz von 10 Pixel ein, um dem Bild einen Strich zu verleihen. Die Größen der Listenelemente werden im Portfolio-Bereich li festgelegt.

    jQuery

    Und schließlich das Wichtigste, wofür dann die ganze Lektion. Dies ist jQuery-Code. Beginnen wir mit dem Filtern von Bildern nach Kategorien.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23

    // Alle untergeordneten Elemente des Portfolio-Bereichs auswählen und in die Variable schreiben
    var $ data \u003d $ (". Portfolio-Bereich") .clone ();

    $ (". Portfolio-Kategorie li") .click (Funktion (e) (
    $ (". filter li") .removeClass ("active");

    var filterClass \u003d $ (this) .attr ("class") .split ("") .slice (- 1) [0];

    if (filterClass \u003d\u003d "all") (
    var $ filteredData \u003d $ data.find (".portfolio-item2");
    ) else (
    var $ filteredData \u003d $ data.find (".portfolio-item2");
    }
    $ (". Portfolio-Bereich") .quicksand ($ filteredData, (
    Dauer: 600,
    adjustHeight: "auto"
    ), function () (

    LightboxPhoto ();
    } ) ;
    $ (this) .addClass ("aktiv");
    falsch zurückgeben;
    } ) ;

    Mit der clone () -Methode und dem Selektor wählen wir alle untergeordneten Elemente des .portfolio-Bereichs aus und schreiben sie in die $ data-Variable. Als nächstes verfolgen wir den Klick auf eine der Kategorien, das li-Element in der Liste mit der .portfolio-category-Klasse. Wir machen alle Kategorien inaktiv, indem wir removeClass ("aktiv") entfernen. Wenn dies nicht erfolgt, sind im Laufe der Zeit alle Kategorien aktiv und die Filterung wird gestoppt.

    Da wir auf ein Listenelement klicken, enthält der Selektor ein Listenelement, dh li, wir nehmen den Wert des Klassenattributs daraus und verwenden die Aufteilungsmethode, um den Klassennamen in mehrere Teile aufzuteilen. Der Rand ist ein Leerzeichen (dh wenn die Klasse " all active "dann erhalten wir nach dem Teilen ein Array von" all "und" active "). Anschließend wählen wir mit der Slice-Methode das erste Element des Arrays aus (in unserem Fall "all") und schreiben das resultierende Ergebnis in die Variable filterClass. Wenn kein Leerzeichen vorhanden war, ändert sich der Name der Klasse nicht.

    Als nächstes prüfen wir, ob die Variable filterClass die Zeichenfolge enthält allesAnschließend wählen wir mit der .find-Methode alle Elemente mit der Klasse Portfolio-Element2 aus dem oben beschriebenen $ data-Array aus. Die ausgewählten Elemente (und dies sind alle Elemente der Liste, dh alle Bilder) werden in die Variable filteredData eingefügt.

    Andernfalls, wenn filterClass nicht gleich ist allesIn der Variablen filterData werden dann nicht alle Elemente der Liste platziert, sondern nur diejenigen, deren Datentypattribut mit der Kategorieklasse übereinstimmt. Kurz gesagt, Artikel gehören nur zu einer Kategorie.

    Und am Ende übertragen wir die resultierende Variable in die Bibliothek jquery Treibsand, die Bilder filtert. Hier dreht sich alles um das Filtern.

    Nun zur Vergrößerung des Bildes im Popup. Hier ist alles viel einfacher.

    1
    2
    3
    4
    5
    6
    7

    jQuery ("a") .prettyPhoto ((
    animationSpeed: "schnell",
    Diashow: 5000,
    Thema: "Facebook",
    show_title: false,
    overlay_gallery: false
    } ) ;

    Ein Klick wird auf einen Link verfolgt, dessen rel-Attribut mit prettyPhoto beginnt. Dann kommt die Bibliothek ins Spiel schönes Fotound das Bild wird auf wundersame Weise vergrößert. Übrigens übergeben wir auch einige Parameter. Wie Animationsgeschwindigkeit - schnell, Diashow-Verzögerung - 5 Sekunden, Facebook-Thema (es gibt insgesamt 5 Themen im Ordner images / prettyPhoto) und das Verbieten, den Namen des Bildes anzuzeigen und den Mauszeiger zu vergrößern. Vollständige Dokumentation für schönes Foto kann gefunden werden

    Abonnieren Sie, um über die neuesten Artikel und Lektionen auf dem Laufenden zu bleiben

    Ich habe lange Zeit ein Thema für das heutige Thema gewählt. Infolgedessen ist mir aufgefallen, dass wir mit noch keine Auswahl getroffen haben bildergalerien... Meiner Meinung nach ein tolles Thema, da galerien sind auf vielen Websites vorhanden. Um ehrlich zu sein, sind sie nicht alle sehr attraktiv. Berücksichtigung der aktuellen Entwicklungstrends jquery, html5 und so weiter. Ich dachte, dass die Lösungen bereits viel attraktiver sein sollten als die, denen ich zuvor begegnet bin. So. Nachdem ich einen Tag verbracht hatte, gelang es mir, eine große Anzahl von Skripten zu finden. Von diesem ganzen Berg habe ich mich entschieden, nur auszuwählen, weil ich liebe, wie Sie bereits aus früheren Beiträgen bemerkt haben.
    Bildergalerie gilt nicht nur für den Fall mit Fotoalben... Das Skript kann verwendet werden, ich denke, es wird noch korrekter sein, als portfolio für Fotografen, Designer usw. Jquery-Effekte wird dazu beitragen, die Aufmerksamkeit der Besucher auf sich zu ziehen und Ihrer Website Eleganz zu verleihen.
    So. Zu Ihrer Aufmerksamkeitssammlung jquery Bildergalerie Plugins für die Website.
    Vergessen Sie nicht zu kommentieren und sich zu erinnern, um diese Sammlung nicht zu verlieren, können Sie sie zu Ihren Favoriten hinzufügen, indem Sie auf den Stern am Ende des Artikels klicken.

    FOTOBOX
    Kostenlose, leichte und reaktionsschnelle Bildergalerie, in denen alle Effekte, Übergänge mit css3 gemacht werden. Ideal zum Erstellen einer Foto-Website.

    S Galerie
    Attraktiv Jquery Bildergalerie Plugin... Die Animation funktioniert mit CSS3.

    DIAMONDS.JS
    Original plugin zum Erstellen einer Bildergalerie... Miniaturen sind wie geformt diamantdas ist im Moment sehr beliebt. Dieses Formular wird mit css3 erstellt. Der einzige Nachteil dieser Galerie ist das Fehlen eines Leuchtkastens, mit dem ein Foto in voller Größe geöffnet werden kann. Das heißt, Sie müssen das Lightbox-Plugin mit Krabben verschrauben. Dieses Skript generiert ein ansprechendes rautenförmiges Bildraster.

    Superbox
    Moderne Bildergalerie mit Jquery, CSS3 und HTML5... Wir sind alle daran gewöhnt, dass beim Klicken auf die Vorschau das vollständige Bild in einem Leuchtkasten (Popup-Fenster) geöffnet wird. Die Entwickler dieses Plugins haben entschieden, dass der Leuchtkasten veraltet ist. Die Bilder in dieser Galerie werden unterhalb der Vorschau geöffnet. Schauen Sie sich die Demo an und stellen Sie sicher, dass diese Lösung viel moderner aussieht.
    |
    Smooth Diagonal Fade Gallery
    Eine moderne Bildergalerie in der vorschauen werden über den gesamten Bildschirmbereich verteilt... Das Skript kann einen Ordner mit einem Foto auf dem Server scannen, dh Sie müssen nicht jedes Bild einzeln einfügen. Es reicht aus, Bilder in einen Ordner auf dem Server hochzuladen und den Pfad zum Verzeichnis in den Einstellungen anzugeben. Dann erledigt das Skript alles selbst.

    Gamma Galerie
    Eine stilvolle, leichte und reaktionsschnelle Bildergalerie mit einem Raster im Pinterest-Stil, das mittlerweile sehr beliebt ist. Das Skript funktioniert sowohl auf stationären Computern als auch auf mobile Geräte mit jeder Bildschirmauflösung. Eine großartige Lösung zum Erstellen eines Webdesigner-Portfolios.

    THUMBNAIL GRID MIT ERWEITERTER VORSCHAU
    Das Plugin ist ansprechendes Bildraster... Wenn Sie unten klicken, werden ein größeres Foto und eine Beschreibung angezeigt. Gut zum Erstellen eines Portfolios.

    jGalerie
    jGalerie ist reaktionsschnelle Bildergalerie im Vollbildmodus... Effekte, Übergänge und sogar Stil sind leicht anpassbar.

    Glisse.js
    Ein einfaches, aber sehr effektives Bildergalerie-Plugin. Dies ist genau die Lösung, wenn Sie ein Fotoalbum erstellen müssen. Das Plugin unterstützt Alben und hat einen sehr coolen Flipping-Effekt.

    Mosaikfluss
    Einfach, reaktionsschnell bildergalerie mit einem Raster im Stil von Pinterest.

    Galereya
    Eine weitere stilvolle Galerie mit einem nach Kategorien gefilterten Raster im Pinterest-Stil. Funktioniert in folgenden Browsern: Chrome, Safari, Firefox, Opera, IE7 +, Android-Browser, Chrome Mobile, Firefox Mobile.

    least.js
    Ausgezeichnet kostenlose Bildergalerie mit JQUERY, 5 und CSS3. Es hat ein sehr attraktives Erscheinungsbild und wird sicherlich die Aufmerksamkeit Ihrer Besucher auf sich ziehen.

    flipLightBox
    Eine einfache Bildergalerie. Wenn Sie auf die Vorschau klicken, wird das vollständige Bild im Leuchtkasten geöffnet.

    blueimp Galerie
    Flexible Galerie. Kann nicht nur Bilder, sondern auch Bilder in einem modalen Fenster anzeigen video... Funktioniert hervorragend auf Touch-Geräten. Es ist einfach anzupassen und es ist möglich, die Funktionalität mit zusätzlichen Plugins zu erweitern (siehe nächstes Plugin).