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 om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Volg Envato Volg FACEBOOK

Versie 1.2 Releasedatum 2013/09/27

  • Fixed bugs in verband met IE8.
  • Fixed bugs die verband houden met de laatste update van IOS en Android.
  • Verbeterde mobiele prestaties.

Versie 1.1 Releasedatum 2013/07/24

  • Ondersteuning voor meerdere categorieën, natuurlijk toch kan worden gebruikt met een enkele categorie als voorheen.
  • Lightbox Iframe ondersteuning.
  • Lichtbak beschrijving AutoOpen (open artikelomschrijving zonder op de info-knop).
  • Voegde een extra manier om de lichtbak te sluiten door op buiten het item gebied.
  • Ondersteuning toegevoegd voor MSPointer evenementen voor Windows8 mobiel.
  • Toegevoegd zes extra skins.

Belangrijkste kenmerken:

De Responsive Gridfolio heeft een vloeistof / flexibel / responsieve lay-out. In principe is het rooster wordt toegevoegd in een html-pagina in een div van uw chosing en het is het aanpassen op basis van de breedte van die div, wordt de hoogte raster bewerkt op basis van de miniaturen en als andere elementen zijn onder het rooster div zullen ze worden automatisch naar beneden (document geduwd stromen). In de voorbeelden kun je een paar manieren waarop je zou dit raster te gebruiken, uiteraard op voorwaarde dat andere configuraties mogelijk te zien (let op dat de code van deze voorbeelden is te vinden in de download-bestanden).

De galerie kan een willekeurig aantal beelden te hebben en elk beeld kan van elke omvang, maar in verhouding tot een basis duim breedte en hoogte. Wanneer een miniatuur wordt ingedrukt kunt u ervoor kiezen om een origineel media lichttafel die we hebben gecodeerd weer te geven of om een nieuwe website, de URL en het doel van deze webpagina kan worden opgegeven openen. De lichttafel ook beelden weergeven, of kan video's geladen van YouTube of Vimeo weer te geven.

Pure OOP JavaScript-code, geen gebruik van jQuery of andere bibliotheken, op deze manier zullen er geen compatibiliteitsproblemen met HTML-pagina's die kunnen worden met behulp van jQuery of andere JavaScript-bibliotheken.

De Responsive Gridfolio wordt met behulp van de GPU (hardware acceleratie) met behulp van HTML5 normen. De rendering snelheid en prestaties is onberispelijk op desktop computers en vooral op mobiele apparaten, de manier waarop het werkt zal het proberen te CSS3 te gebruiken en indien dit niet beschikbaar is, zal naar beneden vallen om CSS2 of CSS1 voor oudere browsers zoals IE7 en IE8.

Geweldige prestaties op mobiele apparaten, kunt u zien in de video demo die het loopt net als een native app!, het werd gecodeerd en geoptimaliseerd voor mobiele apparaten en het is 100% mobiel compatibel en natuurlijk het zal lopen net zo groot op desktopcomputers waaronder op oudere browsers zoals IE7 en IE8. We hebben het op IPAD3 (ios) en op een Samsung Galaxy S3 (Android) getest en het loopt geweldig op beide apparaten, hieronder staan ​​de links naar deze demo's te bekijken. Kijk demo draait op Samsung Galaxy S3 (Android) of Bekijk de demo draait op IPAD (IOS).

Grid belangrijkste kenmerken:

Responsive / Flexibel / Fluid layout: u kunt de grootte van het raster met CSS of JavaScript-controle, in principe heeft een aanpasbare lay-out waardoor het de perfecte kandidaat voor elk type project maakt.

Ondersteuning voor een aantal beelden en elk beeld van elke omvang kan zijn, maar in verhouding tot een basis duim breedte en hoogte

De volledige kleur thema kan worden gewijzigd.

Aanpasbare miniaturen grootte en geometrie: deze functie kunt u de grootte van de miniaturen en de ruimte tussen de miniaturen wijzigen.

Aanpasbare miniaturen grens en de achtergrond: elke miniatuur kan een grens en een achtergrond hebben, de verkleinde de achtergrond kleur, grootte van de grens en de kleur van de grens zijn klantgericht, ook de miniaturen grens kleur kan worden getweend uit een normale kleur aan een geselecteerde kleur..

Miniatuur's beschrijving of miniaturen media iconen: elke duim kan een korte beschrijving met een transparante achtergrond eronder zetten of een media-icoon, die een link, video of afbeelding, deze zijn zichtbaar als de muis over een miniatuur vertegenwoordigt hebt, kan de tekst worden opgemaakt met CSS, de achtergrondkleur en opaciteit kan ook worden gemodificeerd (optioneel).

"Load meer miniaturen voorzien": dit is een geweldige functie die de algemene prestaties en de snelheid van het laden verbetert, omdat op deze manier niet alle miniaturen worden geladen en weergegeven in een keer. Bijvoorbeeld als u een totaal van 120 miniaturen die u kunt ze zien in sets van 50 miniaturen, en dus in eerste instantie in het net de eerste set van 50 miniaturen worden geladen en weergegeven, en wanneer de "last meer miniaturen" knop wordt het volgende gedrukt set van 50 miniaturen worden geladen en weergegeven, en tenslotte als de "last meer miniaturen" knop opnieuw wordt ingedrukt, wordt de 20 resterende miniaturen worden getoond. Het aantal miniaturen te laden per set is klantgericht, hoeft het niet te zijn 50 kan elk nummer dat u overwegen. Deze functie is optioneel, als het gehandicapt alle miniaturen worden geladen en weergegeven.

Aangepaste pers verkleinde actie: wanneer een miniatuur wordt ingedrukt kunt u ervoor kiezen om een origineel media lichttafel die we hebben gecodeerd weer te geven of om een nieuwe website, de URL en het doel van deze webpagina kan worden opgegeven openen. De lichttafel ook beelden weergeven, of kan video's geladen van YouTube of Vimeo weer te geven.

Lichtbox belangrijkste kenmerken:

Responsive / Flexibel / Fluid layout: de lighbox zal altijd vullen de beschikbare browser viewport.

De volledige kleur thema kan worden gewijzigd.

Vimeo en YouTube ondersteuning: alles wat je hoeft te doen is om de link van YouTube of Vimeo video die u wilt weergeven en de lighbox zal weergeven en afspelen van uw video op te nemen. De afmetingen (breedte en hoogte) van elke video kan eenvoudig worden ingesteld.

Zoom en panning ondersteuning voor afbeeldingen: je kunt in en uit te zoomen op een afbeelding en je kunt de afbeelding verschuiven, op deze manier kunt u de afbeelding in groot detail (optioneel) te zien.

Slideshow knop (optioneel).

Slideshow vertraging, kan de vertraging van de diashow worden ingesteld in seconden.

Slideshow automatisch afspelen.

Slideshow aangepaste animaties.

Volgende en vorige knoppen navigatie (optioneel).

Info-knop en info venster: elke lighbox item kan een beschrijving, de tekst en raam uiterlijk kan worden opgemaakt met CSS (optioneel) te hebben.

Aanpasbare grens en de achtergrond: de grens grootte en kleur en ook de belangrijkste achtergrond kleur is klantgericht.

Toetsenbord ondersteuning: de pijlen links en rechts kan worden gebruikt voor navigatie (optioneel).

UPDATES

2013/03/07 - Bug fix in verband met de lichtbak wanneer het wordt ingezoomd op Chrome en betere detectie voor mobiele apparaten.


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
18 februari 13

Laatste Update:
28 september 13

hoge resolutie:
Ja

compatibele browsers:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
JavaScript JS, HTML, CSS

Trefwoorden

eCommerce, Alle artikelen, android, app, dynamisch, flexibel, fliudwidth, fullscreen, galerij, rooster, gridfolio, iframe, ios, multimedia, responsieve, miniaturen, youtube