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 Gridfolio

— Add-On auf WorldWideScripts.net

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

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


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Folgen Sie Envato Folgen Sie FACEBOOK

Version 1.2 Release Date 2013.09.27

  • Fehler behoben, um IE8 zusammen.
  • Fehler behoben, um das neueste Update des IOS und Android zusammen.
  • Verbesserte mobile Leistung.

Version 1.1 Release Date 2013.07.24

  • Unterstützung für mehrere Kategorien, natürlich kann es immer noch mit einer einzigen Kategorie wie vor verwendet werden.
  • Lightbox Iframe Unterstützung.
  • Beschreibung des Leuchtkastens Autoopen (Artikelbeschreibung ohne Drücken der Info-Taste geöffnet).
  • Hinzugefügt einen zusätzlichen Weg, um den Leuchtkasten indem Sie außerhalb der Artikelbereich zu schließen.
  • Zusätzliche Unterstützung für MSPointer Veranstaltungen für windows8 mobil.
  • Hinzugefügt sechs weiteren Skins.

Hauptmerkmale:

The Responsive Gridfolio eine Fluid / flexibel / ansprechende Layout. Grundsätzlich wird das Gitter in ein div Ihrer chosing in eine HTML-Seite hinzugefügt, und es ist zur Anpassung des auf der Grundlage der Breite dieses div ist, wird die Gitterhöhe modifiziert basierend auf die Thumbnails und wenn andere Elemente sind unter dem Gitter div sie sich automatisch ab (Dokument geschoben werden fließen). 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 dieser Beispiele ist in den Download-Dateien zur Verfügung gestellt).

Die Sammlung kann eine beliebige Anzahl von Bildern haben und jedes Bild kann von beliebiger Größe sein, aber proportional zu einer Basis Daumen Breite und Höhe. Wenn ein Miniaturbild gedrückt können Sie wählen, ob sie eine ursprüngliche Medien Leuchtkasten, die wir haben codierte anzuzeigen oder um eine neue Webseite, die URL und Ziel dieser Webseite angegeben werden öffnen. Der Leuchtkasten kann die Anzeige von Bildern oder Videos von YouTube oder Vimeo geladen anzuzeigen.

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.

The Responsive Gridfolio wird mit 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 zu 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!, 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. Sehen Sie Demo auf dem Samsung Galaxy S3 (android) läuft oder Demo läuft auf IPAD (IOS).

Grid Hauptmerkmale:

Responsive / Flexible / Flüssig Layout: Sie können die Größe des Gitters mit CSS oder JavaScript zu kontrollieren, im Grunde ist es verfügt über eine anpassbare Layouts, die es der perfekte Kandidat für jede Art von Projekt.

Unterstützung für eine beliebige Anzahl von Bildern und jedes Bild kann von beliebiger Größe sein, aber proportional zu einer Basisdaumenbreite und -höhe

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 Miniaturansichten ändern.

Anpassbare Thumbnails Rahmen und Hintergrund: Jede Miniatur können einen Rahmen und einen Hintergrund haben, die Hintergrundfarbe der Miniaturansicht, Größe des Rahmens und die Farbe der Rahmenlinie sind kundengerecht, auch die Thumbnails Rahmenfarbe kann von einem normalen Farbe zu einer ausgewählten Farbe getweent werden..

Thumbnail Beschreibung oder Thumbnails Media Icons: Jeder Daumen kann eine kurze Beschreibung mit transparentem Hintergrund unter ihm oder einem Filmkamerasymbol mit einem Link, Video oder Bild, diese sind sichtbar, wenn die Maus über eine Miniaturansicht stellt haben, können Sie den Text mit forma CSS, die Hintergrundfarbe und die Deckkraft kann auch geändert werden (optional).

"Load mehrere Miniaturansichten verfügen": Dies ist eine wunderbare Eigenschaft, 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 Bilder anzeigen, 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 Miniaturbilder geladen werden 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 es deaktiviert ist alle Thumbnails geladen und angezeigt.

Offsetdruckmaschine Miniatur Aktion: wenn Sie ein Vorschaubild gedrückt können Sie wählen, ob sie eine ursprüngliche Medien Leuchtkasten, die wir haben codierte anzuzeigen oder um eine neue Webseite, die URL und Ziel dieser Webseite angegeben werden öffnen. Der Leuchtkasten kann die Anzeige von Bildern oder Videos von YouTube oder Vimeo geladen anzuzeigen.

Lightbox hinzufügen Hauptmerkmale:

Responsive / Flexible / Materialaufteilung: die Lighbox 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 sind. 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, und Sie können das Bild zu schwenken, auf diese Weise können Sie das Bild im Detail (optional) zu sehen.

Slideshow-Taste (optional).

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

Slideshow autoplay.

Diaschau benutzerdefinierte Animationen.

Vor und Zurück-Tasten-Navigation (optional).

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

Anpassbare Rahmen und Hintergrund: Die Rahmengröße und -farbe sowie die wichtigsten Hintergrundfarbe sind kundengerecht.

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

UPDATES

2013.07.03 - Bug fix in der Lightbox bezogen, wenn es auf Chrome und eine bessere Erkennung für mobile Geräte gezoomt wird.


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

Eigenschaften

Erstellt:
18 13. Februar

Stand 28. September:
13

High Resolution:
Ja

kompatiblen Browsern:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Dateien enthalten

Stichworte

eCommerce, Alle Artikel, Android, App, dynamisch, flexibel, fliudwidth, Vollbild, Galerie, Gitter, gridfolio, iframe, ios, Multimedia, entgegenkommend, Thumbnails, youtube