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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Följ Envato Följ FACEBOOK

Version 1.2 Utgivningsdatum 2013/09/27

  • Fast buggar relaterade till IE8.
  • Fast buggar relaterade till den senaste uppdateringen av IOS och Android.
  • Förbättrad mobil prestanda.

Version 1.1 Utgivningsdatum 2013/07/24

  • Stöd för flera kategorier, naturligtvis det kan fortfarande användas med en enda kategori som tidigare.
  • Ljus Iframe stöd.
  • Lightbox beskrivning Autoopen (öppen artikelbeskrivningen utan att trycka på infoknappen).
  • Lagt till en extra sätt att stänga ljus genom att trycka utanför posten området.
  • Utökat stöd för MSPointer händelser för Windows8 mobil.
  • Inkom sex extra skinn.

Huvuddrag:

Den Responsive Gridfolio har en vätska / flexibel / lyhörd layout. I grund och botten gallret läggs in i en html-sida i en div på din chosing och det anpassar baserat på denna div bredd, är höjden rutnät modifierade baserat på miniatyr och om andra element är under gallret div de kommer att pressas ned automatiskt (dokument flöde). I de exempel som du kan se några sätt som du kan använda det här nätet, förstås att andra konfigurationer är möjliga (observera att koden för detta exempel ges i ladda ner filer).

Galleriet kan ha valfritt antal bilder och varje bild kan ha vilken storlek, men i proportion till en bas tumme bredd och höjd. När en miniatyr trycks du kan välja att antingen visa en originalmedieljusbord som vi har kodat, eller för att öppna en ny webbsida, url och målet för denna webbsida kan anges. Den ljusbord kan visa bilder, eller kan visa video lästs in från YouTube eller Vimeo.

Ren OOP JavaScript-kod, ingen användning av jQuery eller andra bibliotek, på detta sätt blir det inga inkompatibiliteter med HTML-sidor som kanske använder jQuery eller andra JavaScript bibliotek.

Den Responsive Gridfolio använder GPU (hårdvaruacceleration) använder HTML5 standarder. Den rendering hastighet och prestanda är oklanderlig på stationära datorer och viktigast på mobila enheter, så det fungerar kommer det att försöka använda CSS3 och om detta inte är tillgänglig kommer det ner falla till CSS2 eller CSS1 för äldre webbläsare som IE7 och IE8.

Fantastisk prestanda på mobila enheter, kan du se i videon demo att den går precis som en infödd app!, det var kodade och optimerad för mobila enheter och det är 100% mobil kompatibla och naturligtvis kommer det att köras lika bra på stationära datorer inklusive på äldre webbläsare som IE7 och IE8. Vi har testat det på IPAD3 (ios) och på en Samsung Galaxy S3 (android) och det går bra på båda enheterna, nedan är länkarna för att se detta demos. Titta demo körs på Samsung Galaxy S3 (android) eller Watch demo körs på IPAD (IOS).

Grid huvuddrag:

Lyhörd / Flexibel / Fluid layout: du kan kontrollera storleken på rutnätet med CSS eller JavaScript, i princip har en anpassningsbar layout vilket gör den till den perfekta kandidaten för alla typer av projekt.

Stöd för ett obegränsat antal bilder och varje bild kan ha vilken storlek, men i proportion till en bas tumme bredd och höjd

Hela färgtema kan modifieras.

Anpassnings miniatyrer storlek och geometri: den här funktionen kan du ändra storlek på miniatyrerna och utrymmet mellan miniatyrer.

Anpassnings miniatyrer gränsen och bakgrund: varje miniatyr kan ha en gräns och en bakgrund, miniatyrbakgrundsfärg, gränsen storlek och gränsen färg är anpassningsbara, även miniatyrkantfärg kan interpoleras från en normal färg till en vald färg..

Miniatyr s beskrivning eller miniatyrer medier ikoner: varje tumme kan ha en kort beskrivning med en genomskinlig bakgrund i det eller en mediaikon som representerar en länk, video eller bild, detta är synliga när musen är över en miniatyr, kan texten formateras med CSS, bakgrundsfärg och opacitet även kan modifieras (tillval).

"Last fler miniatyrer har": det här är en fantastisk funktion som förbättrar prestanda och hastighet för lastning eftersom detta sätt inte alla miniatyr lastas och visas på en gång. Till exempel om du har totalt 120 miniatyrer som du kan visa dem i set om 50 miniatyrer, och så till en början i nätet den första uppsättningen av 50 miniatyrer är laddade och visas, och när de "belastning fler miniatyrer" knappen trycks nästa uppsättning av 50 miniatyrer är laddade och visas, och slutligen när "belastning fler miniatyrer" -knappen trycks in igen de 20 återstående miniatyrbilder visade. Antalet miniatyr att ladda per set är anpassningsbar, men det behöver inte vara 50 det kan vara valfritt antal som du anser. Den här funktionen är valfri, om den är inaktiverad alla miniatyr är laddade och visas.

Anpassad pressminiatyr åtgärd: När en miniatyr trycks du kan välja att antingen visa en originalmedieljusbord som vi har kodat, eller för att öppna en ny webbsida, url och målet för denna webbsida kan anges. Den ljusbord kan visa bilder, eller kan visa video lästs in från YouTube eller Vimeo.

Lightbox huvuddrag:

Lyhörd / Flexibel / Fluid layout: den lighbox kommer alltid fylla tillgängliga webbläsarfönster.

Hela färgtema kan modifieras.

Vimeo och YouTube-stöd: allt du behöver göra är att inkludera länken från YouTube eller Vimeo video som du vill visa och lighbox kommer visa och spela din video. Storleken (bredd och höjd) av varje video kan ställas in enkelt.

Zoom och panorering stöd för bilder: du kan zooma in och ut en bild och du kan panorera bilden, på detta sätt kan du se bilden i detalj (tillval).

Bildspel knappen (tillval).

Bildspel fördröjning, kan fördröjningen av spelet sättas i sekunder.

Bildspel obduktionerna.

Bildspel anpassade animerad grafik.

Nästa och föregående knapparna navigation (tillval).

Info-knappen och informationsfönster: varje lighbox post kan ha en beskrivning, texten och fönster utseende kan formateras med CSS (tillval).

Anpassnings gränsen och bakgrund: gränsen storlek och färg och också den viktigaste bakgrundsfärg är anpassadet.

Tangentbord stöd: vänster och höger pilarna kan användas för navigering (tillval).

UPPDATERINGAR

2013/03/07 - Bugfix relaterad till ljusbord när den zoomas på Chrome och bättre upptäcka för mobila enheter.


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
18 februari 13

Senaste uppdatering:
28 September 13, högupplöst

Nyckelord

eCommerce, alla artiklar, android, app, dynamiska, flexibla, fliudwidth, helskä, rm, galleri, rutnä, t, gridfolio, iframe, iOS, multimedia, lyhö, rd, miniatyrer, youtube