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 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 Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Den Responsive bildspel Photo Gallery har en vätska / flexibel / lyhörd layout. I grund och botten gallret sätts till en html-sida i en div på din chosing och det är anpassning baserad på den div bredd, är höjden nätet modifieras baserat på antalet miniatyrbilder och om andra element är under gallret div de kommer att pressas ned automatiskt (dokument flöde). I exemplen kan du se några sätt som du kan använda detta nät, självklart att andra konfigurationer är möjliga (observera att kod detta exempel ges i hämta filer).

Ren OOP JavaScript-kod, ingen användning av jQuery eller andra bibliotek, på det här sättet blir det inga oförenligheter med HTML-sidor som kanske använder jQuery eller andra JavaScript-bibliotek.

Den Responsive bildspel Fotogalleriet använder GPU (hårdvaruacceleration) med hjälp av HTML5 standarder. Renderings hastighet och prestanda är oklanderliga på stationära datorer och viktigast på mobila enheter, så det fungerar kommer att försöka använda CSS3 och om detta inte är tillgängligt kommer det ned faller till CSS2 eller CSS1 för äldre webbläsare som IE7 och IE8.

Bra prestanda på mobila enheter, kan du se i videon demo att det körs precis som en infödd app!, det var kodade och optimerade för mobila enheter och det är 100% mobil kompatibla och naturligtvis det kommer att köras lika stor på stationära datorer inbegripet äldre webbläsare som IE7 och IE8. Vi har testat det på IPAD3 (ios) och på 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

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

Hela färgtema kan modifieras.

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

Anpassningsbara 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 customizable.

Miniatyr beskrivning: varje tummen kan ha en kort beskrivning med en transparent bakgrund under den och denna beskrivning är synlig när muspekaren är över en miniatyr, kan texten formateras med CSS, bakgrundsfärg och opacitet kan också ändras (tillval).

"Hämta fler miniatyrer har": detta ä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 du kan visa dem i uppsättningar av 50 miniatyrer, och så till en början i nätet den första uppsättningen av 50 miniatyrbilder lastas och visas, och när "belastning fler miniatyrer" knappen trycks nästa uppsättning av 50 miniatyrbilder lastas och visas, och slutligen när "belastning fler miniatyrer" -knappen trycks in igen de 20 återstående miniatyrbilder visade. Antalet bilderna för att ladda per set är anpassningsbar, men det behöver inte vara 50 det kan vara valfritt antal som du överväga. Den här funktionen är frivilligt, om det är inaktiverat alla miniatyr laddas och visas.

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

LIGHTBOX HUVUDFUNKTIONER

Flexibel / Fluid layout: den lighbox kommer alltid fylla tillgängliga webbläsaren vyport.

Hela färgtema kan modifieras.

Vimeo och YouTube stöd: allt du behöver göra är att inkludera länk från YouTube eller Vimeo video som du vill visa och lighbox visas och spela upp video. Storleken (bredd och höjd) för 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).

Bildspelsknappen (tillval).

Bildspel fördröjning, kan fördröjningen av bildspelet ställas in på några sekunder.

Bildspel obduktionerna.

Bildspel anpassade animerad grafik.

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

Info-knappen och informationsfönster: varje lighbox objekt kan ha en beskrivning, text 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ärgen är anpassadet.

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

UPPDATERINGAR

2013/02/19 - Vi har lagt till en ny funktion till detta nät, möjlighet att lägga till medier ikoner över miniatyr när de väljs, nu kan du välja mellan miniatyrer beskrivning, media ikoner eller "none" när en miniatyr väljs.

2013/03/07 - Fast en del buggar relaterade till ljus och lagt till bättre stöd för mobil upptäckt.


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

Egenskaper

Skapad:
15 jan 13

Senaste uppdateringen:
8 mar 13

Hög upplösning:
Ja

Kompatibla webbläsare:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Filer Ingår:
JavaScript JS, HTML, CSS

Nyckelord

e-handel, e-handel, Alla objekt, CSS3, dynamisk, flexibel, vä, tska, rutnä, t, HTML5, ljuslå, da, media, kä, nslig, vimeo, youtube