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å vores feed for at holde dig ajour !

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


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Den Responsive Slideshow Photo Gallery har en væske / fleksibel / lydhør layout. Dybest set gitteret tilføjes til en HTML-side i en div i dit chosing og det er at tilpasse baseret denne div bredde, er højden gitter modificeret baseret på antallet af miniaturer 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 dette net, naturligvis, at andre konfigurationer er mulige (bemærk venligst, at koden for denne eksempler findes i download-filer).

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 Slideshow Photo Gallery bruger GPU (hardware acceleration) ved hjælp af HTML5-standarder. Rendering hastighed og ydeevne er upåklagelig på stationære computere og vigtigst på mobile enheder, hvordan det virker, 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, det kører bare som en indfødt app!, blev det 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

Fleksibelt / Flydende layout: du kan styre størrelsen på nettet med CSS eller JavaScript, dybest set det har en fleksibel layout, som gør den til den perfekte kandidat til enhver form for projekt.

Hele farvetema kan ændres.

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

Tilpasses miniaturer 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.

Thumbnail beskrivelse: hvert tommelfingeren kan have en kort beskrivelse med en gennemsigtig baggrund i henhold til det, og denne beskrivelse er synligt, 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 miniaturer er indlæst og vises på en gang. For eksempel, hvis du har i alt 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 vises, og når de "belastning flere miniaturer" knappen er trykket den næste sæt af 50 miniaturer er indlæst og vises, og endelig, 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 et hvilket som helst nummer, som du overveje. Denne funktion er valgfri, hvis det er deaktiveret alle miniaturer er indlæst og vises.

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 VIGTIGSTE FUNKTIONER

Fleksibelt / 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 linket fra YouTube eller Vimeo video, som du vil vise, og 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).

Diasshow-knap (ekstraudstyr).

Slideshow forsinkelse, kan forsinkelsen af ​​slideshowet indstilles i sekunder.

Slideshow autoplay.

Lysbilledshow brugerdefinerede 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.

Tastatur understøttelse: venstre og højre pile kan bruges til navigation (ekstraudstyr).

OPDATERINGER

2013/02/19 - Vi har tilføjet en ny funktion til dette net, mulighed for at tilføje medier ikoner over miniaturer, når de er valgt, nu kan du vælge mellem miniaturer beskrivelse, medier ikoner eller "ingen", når en miniature er valgt.

2013/03/07 - Fast nogle bugs relateret til Lightbox og tilføjet bedre støtte til mobil detektion.


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

Egenskaber

Oprettet:
15 jan 13

Sidste ændring:
8 marts 13

Høj opløsning:
Ja

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

Filer Inkluderet:
JavaScript JS, HTML, CSS

Søgeord

eCommerce, eCommerce, Alle emner, CSS3, dynamisk, fleksibel, væ, ske, gitter, HTML5, lyskasse, medier, lydhø, r, Vimeo, youtube