WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Sliders

Draggable Infinite Grid with Lightbox

— Add-On auf WorldWideScripts.net

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


Draggable unendlichen Gitter mit Lightbox - WorldWideScripts.net Artikel zum Verkauf

Ads

Ad: Bluehost hosting

DieUnendliche Foto Grid mit Lightboxhat eine Flüssigkeit / flexibel / ansprechende Layout. Grundsätzlich wird das Gitter in eine HTML-Seite in einem div Ihrer Wahl hinzu und passt dieser div die Breite und Höhe . In den Beispielen können Sie sehen, ein paar Möglichkeiten, wie Sie dieses Raster zu verwenden, natürlich könnte, dass andere Konfigurationen möglich sind (bitte beachten Sie, dass die Beispiele in den Download- Dateien werden zur Verfügung gestellt) .

Reine OOP JavaScript-Code, keine Verwendung von jQuery oder anderen Bibliotheken, auf diese Weise wird es keine Inkompatibilitäten mit HTML-Seiten, verwenden könnte jQuery oder anderen JavaScript-Bibliotheken sein .

DieUnendliche Foto Grid mit Lightboxwird mit der GPU( Hardware-Beschleunigung )VerwendungHTML5-StandardsDie Rendering-Geschwindigkeit und Leistung sind tadellos auf Desktop-Computern und vor allem auf mobilen Geräten. es funktioniert auf folgende Weise : Es wird versuchen, CSS3 verwenden und, wenn dies nicht verfügbar ist, wird auf CSS2 oder CSS1 fallen für ältere Browser wieIE7undIE8.

Einfache Installation und vollständige Dokumentation enthaltenDas Gitter Wiedergabeliste aus <ul> Elemente, die es einfach einzurichten manuell oder aus einer Datenbank oder jede andere Art von Datenstruktur erzeugt werden macht konstruiert wird, kann dieses Gitter installiert und verwendet werden von Designern und Entwicklern mit Leichtigkeit.

Große Leistung auf mobilen Geräten, können Sie in der Demo-Video sehen, dass es wie eine native App !, Es wurde codiert und für mobile Geräte optimiert und es ist 100% kompatibel mobilen und natürlich wird es laufen nur so groß auf Desktop-Computern läuft einschließlich auf älteren Browsern wie IE7 und IE8 . Wir haben es auf IPAD3 und auf einem SAMSUNG GALAXY S3 (Android) getestet und es läuft sehr gut auf beiden Geräten, unten sind die Links zu dieser Demos .

Sehen Demo läuft auf Samsung Galaxy S3 ( android )oderSehen Demo läuft auf dem iPad (IOS) .

GRID MAIN FEATURES

Flexible / Fluid Layout: Sie können die Größe des Gitters mit CSS oder JavaScript, im Grunde hat es eine anpassbare Layout, das es der perfekte Kandidat für jede Art von Projekt.

Vier Display-Typen sind enthalten: Fluid Breite, Vollbild, flexible und Leuchtkasten (check out Beispiele! ) .

Das gesamte Farbschema und die Haut kann geändert werden.

Einzigartige Weise der Darstellung Ihrer Bilder!Grundsätzlich ist das Gitter unbegrenzt in jede Richtung gezogen werden und neue Miniatur angezeigt wird, gibt es eine komplexe mathematische Algorithmus hinter der Haube von diesem Raster die dies ermöglicht . Unterstützung für große Anzahl von Bildern .

Anpassbare Thumbnails Geometrie und Farbe Thema : Diese Funktion ermöglicht es Ihnen, die Thumbnails ' Größe und Hintergrundfarbe zu ändern.Thumbnail transparentes Overlayeine transparente farbige Box, die über ein Thumbnail angezeigt, wenn es nicht aktiviert ist, sind die Farbe und Deckkraft für diese Box anpassbar ( optional) .

Thumbnail kleine Symbolekleine Symbole, die, wenn ein Miniaturbild ausgewählt erscheinen, sind diese Symbole der drei Typen (Video, Link und Bild) (optional).

Individuelle drücken Thumbnail Aktion:wenn ein Miniaturbild gedrückt ist, können Sie wählen, ob sie ein Original-Medien, die wir haben Leuchtkasten codiert angezeigt wird, oder um eine neue Webseite zu öffnen, kann die URL und das Ziel dieser Webseite angegeben werden. Der Leuchtkasten können Bilder, oder es können Videos von YouTube oder Vimeo geladen anzuzeigen.

Navigation animierte Hilfe-Bildschirme (optional).

Mausrad -Unterstützung können die Scroll- Richtung vertikal oder horizontal (optional) eingestellt werden.

Vollbild -Taste (optional).

LIGHTBOX MAIN FEATURES .

Flexible / Fluid Layoutder Leuchtkasten immer füllen die verfügbare Browser- Ansichtsfenster.

Das gesamte Farbschema geändert werden können.

Vimeo und YouTube -Unterstützung:alles, was Sie tun müssen, ist, um den Link von YouTube oder Vimeo Video, das Sie zum Anzeigen und der Leuchtkasten wird angezeigt und spielen Sie Ihre Videos gehören wollen . Die Größe (Breite und Höhe ) jedes Video kann einfach eingestellt werden.Zoom und Panning Unterstützung für BilderSie können in und aus ein Bild zu vergrößern und Sie können das Bild zu schwenken, auf diese Weise können Sie das Bild im Detail (optional) zu sehen.

SlideshowTaste (optional).

Slideshow Verzögerung kann die Verzögerung der Diashow in Sekunden eingestellt werden.

Slideshow autoplay .

Slideshow benutzerdefinierten animierten Grafiken .

Schaltflächen Weiter und Zurück -Navigation (optional).

Info -Taste und Info-Fenster :jeder Leuchtkasten Artikel können Sie eine Beschreibung haben, können Sie den Text und Fenster Aussehen mit CSS (optional) formatiert werden.

Anpassbare Grenz-und Hintergrunddie Grenze Größe und Farbe und auch die wichtigsten Hintergrundfarbe sind kundengerecht .

Keyboard -Unterstützungdie Pfeile links und rechts für die Navigation (optional) verwendet werden.

UPDATES

27.03.2013 - Fixed bugs im Zusammenhang mit U-Bahn und Windows8 Desktop.

07.02.2013 - Neue Funktion hinzugefügt, die es erlauben, das Gitter vertikal gezogen werden, horizontal oder beides.

06.03.2013 - Es wurde eine Reihe von Bugs und zusätzliche Unterstützung für Mausrad, auf diese Weise das Raster gescrollt werden kann horizontal oder vertikal mit dem Mausrad (optional).


Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
5. Februar 13

Letztes Update 28. März:
13

kompatiblen Browsern:
IE7, IE8 , IE9, IE10 , Firefox , Safari, Opera, Chrome , Software Version

Hohe Auflösung:
Ja

Dateien inklusive:
JS JavaScript , HTML, CSS

Stichworte