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, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Responsive Slideshow Photo Gallery Grid

— Add-On auf WorldWideScripts.net

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

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


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Die Responsive Slideshow Photo Gallery hat eine Flüssigkeit / flexible / ansprechenden Layout. Grundsätzlich wird das Gitter in eine div Ihrer chosing in eine HTML-Seite hinzugefügt, und es Adaptieren anhand der Breite, die div, ist das Gitterhöhe modifiziert auf der Grundlage der Anzahl der Miniaturbilder, und wenn andere Elemente sind unter dem Gitter div sie werden automatisch herunter geschoben werden kann (Belegfluss). In den angegebenen Beispielen können Sie ein paar Möglichkeiten, wie Sie können dieses Raster zu verwenden, natürlich, dass andere Konfigurationen möglich zu sehen (Bitte beachten Sie, dass der Code für diese Beispiele ist in den Download-Dateien zur Verfügung gestellt).

Reine OOP JavaScript-Code, keine Verwendung von jQuery oder andere Bibliotheken, auf diese Weise wird es keine Inkompatibilitäten mit HTML-Seiten, die möglicherweise jQuery oder andere JavaScript-Bibliotheken sein.

Die Responsive Slideshow Photo Gallery wird unter Verwendung der GPU (Hardwarebeschleunigung) mit HTML5-Standards. Die Rendering-Geschwindigkeit und Leistung ist einwandfrei auf Desktop-Computern und vor allem auf mobilen Geräten, wie es funktioniert, wird es versuchen, CSS3 verwenden und wenn diese nicht vorhanden ist wird es nach unten fallen, um CSS2 oder CSS1 für ältere Browser wie IE7 und IE8.

Große Leistung auf mobilen Geräten, die Sie in der Demo-Video, dass es läuft wie eine native App sehen!, war es kodiert und optimiert für mobile Geräte und es ist 100% Handy kompatibel und natürlich ist es läuft genauso groß auf Desktop-Computern einschließlich auf ältere Browser wie IE7 und IE8. Wir haben es auf IPAD3 (IOS) 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 anzuzeigen.
Sehen Sie Demo auf Samsung Galaxy S3 (android) läuft oder Demo auf IPAD (IOS) läuft.

GRID MERKMALE

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

Die gesamte Farbschema geändert werden kann.

Anpassbare Thumbnails Größe und Geometrie: Diese Funktion ermöglicht Ihnen, die Größe der Miniaturansichten und den Raum zwischen den Miniaturansichten ändern.

Anpassbare Thumbnails Rand und Hintergrund: jedes Thumbnail kann eine Grenze und einen Hintergrund haben, die Hintergrundfarbe der Miniaturansicht, die Größe der Grenze und die Farbe der Rahmenlinie sind kundengerecht.

Thumbnail Beschreibung: Jede Daumen kann eine kurze Beschreibung mit einem transparenten Hintergrund unter ihm zu haben und diese Beschreibung wird angezeigt, wenn der Mauszeiger über eine Miniaturansicht kann der Text mit CSS formatiert werden, die Hintergrundfarbe und die Deckkraft auch modifiziert werden können (optional).

"Load mehrere Miniaturansichten verfügen": Dies ist eine wunderbare Funktion, die da auf diese Weise nicht alle Thumbnails geladen und angezeigt auf einmal die Gesamtleistung und Geschwindigkeit beim Laden verbessert. Zum Beispiel, wenn Sie insgesamt 120 Miniaturen haben, können Sie sie in Gruppen von 50 Thumbnails zeigen, und so zunächst im Raster der erste Satz von 50 Miniaturansichten werden geladen und angezeigt, und wenn die "Last mehr Thumbnails", um die nächste gedrückt wird Satz von 50 Miniaturansichten werden geladen und angezeigt, und schließlich, wenn die Taste "load mehr thumbnails" erneut gedrückt wird die 20 verbleibenden Thumbnails gezeigt werden. Die Anzahl der Miniaturansichten zu laden pro Satz ist anpassbar, es muss nicht auf 50 sei es kann eine beliebige Anzahl, die Sie berücksichtigen können. Diese Funktion ist optional, wenn sie deaktiviert ist alle Thumbnails geladen und angezeigt.

Offsetdruckmaschine Thumbnail-Aktion: Wenn ein Miniaturbild gedrückt Sie können wählen, entweder um eine Originalmedien Leuchtkasten, die wir haben codierte anzuzeigen oder um eine neue Webseite, die URL und Ziel dieser Webseite können festgelegt werden zu öffnen. Der Leuchtkasten kann Bilder anzeigen, oder können Videos von YouTube oder Vimeo geladen anzuzeigen.

LIGHTBOX HAUPTMERKMALE

Flexible / Fluid Layout: die Lighbox wird immer die verfügbare Browser-Ansichtsfenster zu füllen.

Die gesamte Farbschema geändert werden kann.

Vimeo und YouTube-Unterstützung: alles, was Sie tun müssen, ist, die Verbindung von YouTube oder Vimeo Videos, die angezeigt werden, und die Lighbox wird angezeigt, und spielen Sie Ihre Video möchten gehören. Die Größe (Breite und Höhe) jedes Video kann einfach eingestellt werden.

Zoom und Panning Unterstützung für Bilder: Sie in und aus einem Bild zu vergrößern kann und Sie können das Bild zu schwenken, auf diese Weise können Sie das Bild im Detail (optional) zu sehen.

Diashow-Taste (optional).

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

Slideshow erwerben.

Diaschau benutzerdefinierte animierte Grafiken.

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

Info-Taste und Info-Fenster: Jede Lighbox Element kann eine Beschreibung, der Text und die Fenster Aussehen mit CSS (optional) formatiert werden müssen.

Anpassbare Rand und Hintergrund: die Grenze Größe und Farbe und auch die wichtigsten Hintergrundfarbe sind kundengerecht.

Tastatur-Unterstützung: die Pfeile links und rechts kann für die Navigation (optional) verwendet werden.

UPDATES

2013.02.19 - Wir haben ein neues Feature an diesem Raster aufgenommen, die Möglichkeit, Medien-Symbole über die Vorschaubilder hinzufügen, wenn sie ausgewählt werden, können Sie jetzt zwischen den Miniaturansichten Beschreibung, Medien-Symbole oder "none" gewählt haben, als eine Miniaturansicht aktiviert ist.

2013.03.07 - Einige Fehler behoben in der Lightbox bezogenen und fügte eine bessere Unterstützung für mobile Detektion.


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

Eigenschaften

Erstellt:
15. Januar 13

Letzte Aktualisierung:
8. März 13

Hohe Auflösung:
Ja

Unterstützte Browser:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Dateien enthalten:
JavaScript JS, HTML, CSS

Stichworte

eCommerce, eCommerce, Alle Elemente, CSS3, dynamisch, flexibel, Flü, ssigkeit, Gitter, HTML5, Leuchtkasten, Medien, ansprechend, vimeo, Youtube