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 Slideshow Photo Gallery Grid

— Add- On til WorldWideScripts.net

Abonner på vårt feed for å holde deg oppdatert!

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


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

The Responsive Show Photo Gallery 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å antall miniatyrbilder, og hvis andre elementer er under rutenettet div de vil bli presset ned automatisk (dokumentflyt). 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).

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 tenkes å bruke jQuery eller andre Javascript-biblioteker.

The Responsive Show Photo Gallery 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 høsten 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% mobile 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 HOVEDTREKK

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.

Hele fargetema kan endres.

Passelig miniatyrstørrelse og geometri: denne funksjonen kan du endre størrelsen på miniatyrbildene og rommet mellom miniatyrbilder.

Passelig miniatyr grensen og bakgrunn: hvert miniatyrbilde kan ha en ramme og en bakgrunn, miniatyrbakgrunnsfarge, grensen størrelse og grensen farge kan tilpasses.

Thumbnail beskrivelse: hver tommel kan ha en kort beskrivelse med en gjennomsiktig bakgrunn under den og denne beskrivelsen 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 totalt 120 miniatyrbilder kan du vise dem i sett på 50 miniatyrbilder, og så utgangspunktet i nettet det første settet med 50 miniatyrbilder er lastet og vises, og når de "last flere thumbnails" 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 trykk thumbnail aksjon: når et miniatyrbilde blir trykket du kan velge enten å vise et originalt media lysbord som vi har kodet, eller å åpne en ny webside, url og målet for denne nettsiden kan spesifiseres. Lysboksen kan vise bilder, eller kan vise videoer lastet fra YouTube eller Vimeo.

Lightbox HOVEDFUNKSJONER

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

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 hvert 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 info-vinduet: hver lighbox elementet kan ha en beskrivelse, teksten og vindu utseende kan formateres med CSS (valgfritt).

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

Tastatur støtte: venstre og høyre piltast kan brukes til navigering (valgfritt).

OPPDATERINGER

19.02.2013 - Vi har lagt en ny funksjon til dette rutenettet, muligheten til å legge medie ikoner over miniatyrbilder når de blir valgt, kan du nå velge mellom miniatyr beskrivelse, medieikoner eller "ingen" når et miniatyr er valgt.

07.03.2013 - Fikset noen bugs relatert til lightbox og lagt bedre støtte for mobile deteksjon.


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

Egenskaper

Laget:
15 januar 13

Siste oppdatering:
8 mars 13

Høy oppløsning:
Ja

Kompatible nettlesere:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Filer Inkludert:
Javascript JS, HTML, CSS

Søkeord

eCommerce, eCommerce, Alle artikler, CSS3, dynamisk, fleksibel, væ, ske, grid, HTML5, lysboks, media, mottakelig, Vimeo, youtube