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å vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Følg Envato Følg FACEBOOK

Versjon 1.2 Utgivelsesdato 27.09.2013

  • Faste bugs relatert til IE8.
  • Faste bugs knyttet til den nyeste oppdateringen av IOS og Android.
  • Forbedret mobil ytelse.

Versjon 1.1 Utgivelsesdato 24.07.2013

  • Støtte for flere kategorier, selvfølgelig det kan fortsatt brukes med én kategori som før.
  • Lightbox Iframe support.
  • Lysboksbeskrivelse Autoopen (åpen varebeskrivelsen uten å trykke på info-knappen).
  • Lagt til en ekstra måte å lukke lightbox ved å trykke utenfor elementet området.
  • Lagt til støtte for MSPointer arrangementer for windows8 mobil.
  • Lagt seks ekstra skinn.

Hovedtrekk:

Den Responsive Gridfolio har en væske / fleksibel / responsiv layout. I utgangspunktet rutenettet blir lagt inn i en html-side i en div av din chosing og det er å tilpasse basert på at div bredde, er rutenettet høyde endret basert på miniatyrbildene, og hvis andre elementer er under risten div de vil bli presset ned automatisk (dokument flyte). I eksemplene kan du se noen måter du kan bruke dette rutenettet, selvfølgelig at andre konfigurasjoner er mulig (vær oppmerksom på at koden av denne eksempler er gitt i nedlastingsfiler).

Galleriet kan ha så mange bilder og hvert bilde kan være i alle størrelser, men proporsjonal med en base tommelen bredde og høyde. Når et miniatyr trykkes du kan velge enten å vise en original media lightbox som vi har kodet, eller å åpne en ny webside, url og målet for denne nettsiden kan spesifiseres. Lightbox kan vise bilder, eller kan vise videoer lastet fra YouTube eller Vimeo.

Pure OOP Javascript-kode, ingen bruk av jQuery eller andre bibliotek, på denne måten vil det ikke være noen inkompatibilitet med HTML-sider som kan bruke jQuery eller andre Javascript-biblioteker.

Den Responsive Gridfolio bruker GPU (maskinvareakselerasjon) ved hjelp av HTML5 standarder. Gjengivelsen hastighet og ytelse er upåklagelig på stasjonære datamaskiner og viktigst på mobile enheter, slik det fungerer den vil prøve å bruke CSS3 og hvis dette ikke er tilgjengelig vil det ned fall til CSS2 eller CSS1 for eldre nettlesere som IE7 og IE8.

Stor ytelse på mobile enheter, kan du se i videoen demo som det går akkurat som en innfødt app!, det ble kodet og optimalisert for mobile enheter, og det er 100% mobil kompatibel og selvfølgelig det vil kjøre like bra på stasjonære datamaskiner inkludert på eldre nettlesere som IE7 og IE8. Vi har testet den på iPad3 (IOS) og på en Samsung Galaxy S3 (android) og det går bra på begge enhetene, nedenfor er lenkene for å se dette demoer. Se demo kjører på Samsung Galaxy S3 (android) eller Se demo kjører på IPAD (IOS).

Grid hovedfunksjoner:

Responsive / Fleksibel / Fluid layout: du kan kontrollere størrelsen på rutenettet med CSS eller Javascript, i utgangspunktet den har en tilpasningsdyktig layout som gjør det til et perfekt kandidat for alle typer prosjekt.

Støtte for en rekke bilder og hvert bilde kan være i alle størrelser, men proporsjonal med en base tommelen bredde og høyde

Hele fargetema kan endres.

Passelig miniatyrstørrelse og geometri: Denne funksjonen lar deg endre størrelsen på miniatyrbildene og rommet mellom miniatyrbilder.

Passelig miniatyr grensen og bakgrunn: hvert miniatyr kan ha en ramme og en bakgrunn, miniatyrbakgrunnsfarge, grensen størrelse og rammens farge er passelig, også miniatyrkantfarge kan tweened fra en normal farge til en valgt farge..

Thumbnail sin beskrivelse eller thumbnails medier ikoner: hver tommelen kan ha en kort beskrivelse med en gjennomsiktig bakgrunn under den eller et medieikon som representerer en link, video eller bilde, dette er synlig når musen er over et miniatyrbilde, kan teksten være formatert med CSS, bakgrunnsfarge og opasitet også kan modifiseres (valgfritt).

"Load flere thumbnails-funksjonen": Dette er en fantastisk funksjon som forbedrer den generelle ytelsen og hastigheten på lasting fordi på denne måten ikke alle de små bildene er lastet og vises på en gang. For eksempel hvis du har en total av 120 miniatyrbilder kan du vise dem i sett på 50 miniatyrbilder, og så utgangspunktet i nettet det første settet med 50 miniatyrbilder lastes og vises, og når de "last flere miniatyrbilder" trykkes neste sett av 50 miniatyrer er lastet og vises, og til slutt når "last flere miniatyrbilder" knappen trykkes på nytt de 20 gjenværende miniatyrbildene viste. Antall miniatyr å laste per sett er passelig, det trenger ikke å være 50 det kan være en rekke som du bør vurdere. Denne funksjonen er valgfritt, hvis det er deaktivert alle miniatyr er lastet og vises.

Custom presse thumbnail handling: når et miniatyr trykkes du kan velge enten å vise en original media lightbox som vi har kodet, eller å åpne en ny webside, url og målet for denne nettsiden kan spesifiseres. Lightbox kan vise bilder, eller kan vise videoer lastet fra YouTube eller Vimeo.

Lightbox hovedtrekk:

Responsive / Fleksibel / Fluid layout: den lighbox vil alltid fylle den tilgjengelige nettleseren view.

Hele fargetema kan endres.

Vimeo og YouTube-støtte: alt du trenger å gjøre er å inkludere link fra YouTube eller Vimeo video som du ønsker å vise og lighbox vil vise og spille av videoen. Størrelse (bredde og høyde) av hver video kan settes lett.

Zoom og panorering støtte for bilder: du kan zoome inn og ut på et bilde, og du kan panorere bildet, på denne måten kan du se bildet i stor detalj (valgfritt).

Lysblideserieknapp (valgfritt).

Slideshow forsinkelse, kan forsinkelsen av slideshowet settes i sekunder.

Lysbildefremvisning autoplay.

Slideshow tilpasset animert grafikk.

Neste og forrige knapper navigasjon (valgfritt).

Info-knappen og informasjonsvindu: hver lighbox elementet kan ha en beskrivelse, teksten og vindu utseende kan formateres med CSS (valgfritt).

Passelig grensen og bakgrunn: størrelsen og farge på rammen og også den viktigste bakgrunnsfarge kan tilpasses.

Tastaturstøtte: venstre og høyre piltast kan brukes til navigasjon (valgfritt).

OPPDATERINGER

07.03.2013 - Bug fix relatert til lysbord når det zoomes på Chrome og bedre deteksjon for mobile enheter.


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
18 februar 13, Siste oppdatering

Søkeord

eCommerce, alle elementer, android, app, dynamiske, fleksible, fliudwidth, fullscreen, galleri, rutenett, gridfolio, iframe, iOS, multimedia, responsive, miniatyrer, youtube