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

Abonner på vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Følg Envato Følg FACEBOOK

Version 1.2 Release Date 2013/09/27

  • Faste bugs relateret til IE8.
  • Faste bugs relateret til den seneste opdatering af IOS og Android.
  • Forbedret mobil ydeevne.

Version 1.1 Release Date 2013/07/24

  • Understøttelse af flere kategorier, selvfølgelig kan det stadig bruges med en enkelt kategori som før.
  • Lightbox Iframe støtte.
  • Lightbox beskrivelse AutoOpen (åben post beskrivelse uden at trykke på info-knappen).
  • Tilføjet en ekstra måde at lukke lightbox ved at trykke uden for elementet området.
  • Tilføjet understøttelse af MSPointer begivenheder for Windows8 mobil.
  • Tilføjet seks ekstra skind.

Hovedtræk:

Den Responsive Gridfolio har en væske / fleksibel / lydhør layout. Dybest set gitteret sættes ind i en HTML-side i en div på din chosing og det er at tilpasse baseret på at div bredde, er højden nettet ændres ud fra miniaturebillederne, og hvis andre elementer er under gitteret div de vil blive skubbet ned automatisk (dokument flow). I de eksempler, kan du se et par måder, hvorpå du kan bruge denne nettet, naturligvis, at andre konfigurationer er mulige (bemærk, at koden for denne eksempler findes i download-filer).

Galleriet kan have et vilkårligt antal billeder og hvert billede kan være af enhver størrelse, men proportional en base tommelfinger bredde og højde. Når der trykkes på en miniature, kan du vælge enten at vise en original medier lightbox som vi har kodet, eller for at åbne en ny webside, url og målet for denne webside kan angives. Den lightbox kan vise billeder, eller kan vise videoer indlæst fra YouTube eller Vimeo.

Ren OOP JavaScript-kode, ingen brug af jQuery eller andre biblioteker, på denne måde vil der ikke være nogen uoverensstemmelser med HTML-sider, der kan være ved hjælp af jQuery eller andre JavaScript-biblioteker.

Den Responsive Gridfolio bruger GPU (hardware acceleration) ved hjælp af HTML5 standarder. Den rendering hastighed og ydeevne er upåklagelig på stationære computere og vigtigst på mobile enheder, hvordan det virker, det vil forsøge at bruge CSS3 og hvis dette ikke er tilgængelig vil det ned falder til CSS2 eller CSS1 til ældre browsere som IE7 og IE8.

Stor præstation på mobile enheder, kan du se i videoen demo, at det kører bare som en indfødt app!, blev kodet og optimeret til mobile enheder, og det er 100% mobil kompatibel og selvfølgelig det vil køre lige så stor på stationære computere herunder på ældre browsere som IE7 og IE8. Vi har testet det på iPad3 (iOS) og en Samsung Galaxy S3 (Android) og det kører fint på begge enheder, nedenfor er links til at se demoer. Se demo kører på Samsung Galaxy S3 (Android) eller Se demo kører på IPAD (IOS).

Grid hovedtræk:

Responsive / Fleksibel / Flydende layout: du kan styre størrelsen på nettet med CSS eller JavaScript, dybest set har en fleksibel indretning, der gør det til det perfekte kandidat til enhver type projekter.

Støtte til et vilkårligt antal billeder, og hvert billede kan være af enhver størrelse, men proportional med en base tommelfinger bredde og højde

Hele farvetema kan ændres.

Kan tilpasses thumbnails størrelse og geometri: denne funktion kan du ændre størrelsen på miniaturebillederne og rummet mellem miniaturer.

Kan tilpasses thumbnails grænse og baggrund: hvert miniaturebillede kan have en kant og en baggrund, thumbnail baggrund farve, størrelse grænsen s og farve grænsen s kan tilpasses, også miniaturer grænsen farve kan tweened fra en normal farve til en valgt farve..

Thumbnail beskrivelse eller miniaturer medier ikoner: hver tommelfinger kan have en kort beskrivelse med en gennemsigtig baggrund i det eller et medie-ikon, der repræsenterer et link, video eller billede, dette er synlige, når musen er over en miniature, kan teksten formateres med CSS, baggrundsfarven og uigennemsigtighed også kan ændres (ekstraudstyr).

"Load flere miniaturer funktionen": dette er en awesome funktion, der forbedrer den generelle ydeevne og hastighed læsning, fordi på denne måde ikke alle thumbnails er indlæst og vist på en gang. For eksempel hvis du har total 120 miniaturer kan du vise dem i sæt af 50 miniaturer, og så i første omgang i gitteret det første sæt af 50 miniaturer er indlæst og vist, og når de "belastning flere miniaturer" knappen er trykket den næste sæt af 50 miniaturer er indlæst og vist, og til sidst, når knappen "belastning flere miniaturer" trykkes igen de 20 resterende miniaturer er vist. Antallet af miniaturer at indlæse pr sæt kan tilpasses, betyder det ikke at være 50 det kan være mange, som du overveje. Denne funktion er valgfri, hvis det er deaktiveret alle thumbnails er indlæst og vist.

Tilpasset tryk thumbnail handling: når der trykkes på en miniature, kan du vælge enten at vise en original medier lightbox som vi har kodet, eller for at åbne en ny webside, url og målet for denne webside kan angives. Den lightbox kan vise billeder, eller kan vise videoer indlæst fra YouTube eller Vimeo.

LightBox hovedtræk:

Responsive / Fleksibel / Flydende layout: den lighbox vil altid fylde tilgængelig browser viewport.

Hele farvetema kan ændres.

Vimeo og YouTube support: alt hvad du skal gøre, er at inkludere et link fra YouTube eller Vimeo video, som du vil vise, og det lighbox vil vise og afspille din video. Størrelsen (bredde og højde) af hver video kan indstilles nemt.

Zoom og panorering støtte til billeder: du kan zoome ind og ud et billede, og du kan panorere billedet, på denne måde kan du se billedet i stor detalje (ekstraudstyr).

Slideshow knap (ekstraudstyr).

Slideshow forsinkelse kan forsinkelsen af ​​diasshowet indstilles i sekunder.

Slideshow autoplay.

Diasshow custom animeret grafik.

Næste og forrige knapper navigation (ekstraudstyr).

Info-knap og info-vinduet: hver lighbox element kan have en beskrivelse, teksten og vinduet udseende kan formateres med CSS (ekstraudstyr).

Tilpasses grænse og baggrund: grænsen størrelse og farve, og også det vigtigste baggrundsfarve kan tilpasses.

Keyboard support: venstre og højre pile kan bruges til navigation (ekstraudstyr).

OPDATERINGER

2013/03/07 - Bug fix relateret til lightbox når den zoomet på Chrome og bedre sporing til mobile enheder.


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
18 feb 13 Seneste opdatering

Files Inkluderet:
JavaScript JS, HTML, CSS

Søgeord

eCommerce, alle elementer, Android, app, dynamisk, fleksibel, fliudwidth, fuldskæ, rm, galleri, grid, gridfolio, iframe, iOS, multimedie, lydhø, r, miniaturer, youtube