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

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Urmați Envato Urmați FACEBOOK

Versiunea 1.2 Data lansării 27.09.2013

  • Rezolvarea erorilor legate de IE8.
  • Rezolvarea erorilor legate de cea mai recentă actualizare de iOS și Android.
  • Performanță îmbunătățită mobil.

Versiunea 1.1 Data lansării 24.07.2013

  • Suport pentru mai multe categorii, desigur, poate încă fi folosit cu o singură categorie ca înainte.
  • Sprijin Lightbox Iframe.
  • Descriere Lightbox AutoOpen (deschis descriere articol fără a apăsa butonul info).
  • Adaugata un mod suplimentar de a închide lightbox apăsând afara careului, element.
  • Adăugat suport pentru evenimente MSPointer pentru Windows8 mobil.
  • Adaugata de șase piei suplimentare.

Principalele caracteristici:

Responsive Gridfolio are un aspect sensibil flexibil fluid / /. Practic grila este adăugat într-o pagină HTML într-un div de Alegerea ta și este adapteze în funcție de lățimea care div lui, înălțimea rețea se modifică în funcție de miniaturi și dacă alte elemente sunt sub div grilă vor fi împins în jos în mod automat (documentul flux). În exemplele furnizate Puteți vedea câteva modalități în care s-ar putea folosi această grilă, desigur că și alte configurații sunt posibile (vă rugăm să rețineți că codul acestei exemple este prevăzută în fișierele de descărcare).

Galeria poate avea orice număr de imagini și fiecare imagine poate fi de orice dimensiune, ci proporțional cu o lățime degetul mare bază și înălțime. Atunci când este apăsat un miniatură puteți alege fie să afișeze un lightbox media originală pe care le-am codat, sau pentru a deschide un nou pagina web, URL-ul și țintă acestui site pot fi specificate. Lightbox poate afișa imagini sau clipuri video poate afișa încărcate pe YouTube sau Vimeo.

OOP Pure JavaScript cod, nu utilizarea de jQuery sau alte biblioteci, în acest fel nu vor exista incompatibilități cu pagini HTML care ar putea fi utilizați jQuery sau alte biblioteci JavaScript.

Responsive Gridfolio utilizeaza GPU (accelerarea hardware) folosind standardele HTML5. Viteza de randare și performanță este impecabil pe calculatoare desktop si cel mai important pe dispozitive mobile, modul în care funcționează acesta va încerca să folosească CSS3 și dacă acest lucru nu este valabil ea va jos toamna la CSS2 sau CSS1 pentru browsere mai vechi, cum ar fi IE7 și IE8.

Performanță excelentă pe dispozitive mobile, puteți vedea în demo video care ruleaza la fel ca o aplicație nativă!, a fost codificat și optimizat pentru dispozitive mobile și este 100% mobil compatibil și, desigur, va rula la fel de mare pe computere desktop inclusiv pe browsere mai vechi, cum ar fi IE7 și IE8. L-am testat pe iPad3 (iOS), și pe un SAMSUNG GALAXY S3 (Android) si ruleaza foarte bine pe ambele dispozitive, mai jos sunt link-uri pentru a vizualiza acest demo-uri. Uita-te la demo-ul rulează pe Samsung Galaxy S3 (Android) sau Uita-te la demo rulează pe IPAD (IOS).

Grid caracteristici principale:

Responsive flexibile aspect / / Fluid: puteți controla dimensiunea grila cu CSS sau JavaScript, practic are un aspect adaptabil care este candidatul perfect pentru orice tip de proiect face.

Suport pentru orice număr de imagini și fiecare imagine poate fi de orice dimensiune, ci proporțional cu o lățime degetul mare bază și înălțime

Întreaga Tema de culoare pot fi modificate.

Miniaturi personalizate dimensiune și geometrie: această caracteristică vă permite să modificați dimensiunea miniaturilor și spațiul dintre miniaturi.

Miniaturi personalizabile de frontieră și de fundal: fiecare miniatură poate avea o frontieră și un fundal, miniatura de culoarea de fundal, dimensiunea frontierei și culoare frontierei sunt personalizabile, de asemenea, culoarea miniaturi de frontieră poate fi tweened de la o culoare normală într-o culoare selectată..

Miniaturi de icoane descriere sau miniaturi mass-media: fiecare degetul mare poate avea o scurtă descriere cu un fundal transparent sub el sau o pictogramă media care reprezintă o legătură, video sau imagine, aceasta sunt vizibile atunci când mouse-ul este de peste un miniatură, textul poate fi formatat cu CSS, culoarea de fundal și opacitatea de asemenea, pot fi modificate (opțional).

"Load mai multe miniaturi de oaspeți dispun de": aceasta este o caracteristica minunat care îmbunătățește performanțele generale și viteza de încărcare pentru că în acest fel nu toate miniaturile sunt încărcate și afișate la o dată. De exemplu, dacă aveți un total de 120 de miniaturi le puteți arăta în seturi de 50 de miniaturi, și așa inițial în grila primul set de 50 de miniaturi sunt încărcate și afișate, precum și în cazul în care "încărcare mai multe miniaturi" buton este apăsat în următorii set de 50 de miniaturi sunt încărcate și afișate, iar în cele din urmă atunci când butonul de "încărcare mai multe miniaturi" este apăsat din nou 20 de miniaturi rămase sunt redate. Numărul de miniaturi pentru a încărca pe set este personalizabil, aceasta nu trebuie să fie 50 poate fi orice număr pe care le ia în considerare. Această caracteristică este opțională, în cazul în care este dezactivat toate miniaturile sunt încărcate și afișate.

Personalizat acțiune presa miniatură: atunci când este apăsat un miniatură puteți alege fie să afișeze un lightbox media originală pe care le-am codat, sau pentru a deschide un nou pagina web, URL-ul și țintă acestui site pot fi specificate. Lightbox poate afișa imagini sau clipuri video poate afișa încărcate pe YouTube sau Vimeo.

Lightbox caracteristici principale:

Responsive flexibile aspect / / Fluid: lighbox va umple mereu fereastra de browser disponibile.

Întreaga Tema de culoare pot fi modificate.

Vimeo și sprijin YouTube: tot ce trebuie să faci este să includă link-ul de pe YouTube sau Vimeo video pe care doriți să afișați și lighbox va afișa și reda video. Mărimea (lățimea și înălțimea) pentru fiecare video poate fi setată cu ușurință.

Zoom și panoramare suport pentru imagini: puteți mări sau micșora o imagine și puteți deplasa imaginea, în acest fel, puteți vedea imaginea în detaliu (opțional).

Butonul Slideshow (opțional).

Întârziere Slideshow, întârzierea de prezentarea poate fi setat în câteva secunde.

Slideshow AutoPlay.

Slideshow grafică animate personalizat.

Butoane de navigare următor și anterior (opțional).

Buton și info Info fereastră: fiecare element lighbox poate avea o descriere, aspectul textului și ferestre pot fi formatate cu CSS (opțional).

Frontieră personalizate și de fond: mărimea frontieră și culoare și, de asemenea, culoarea de fundal principal sunt personalizabile.

Suport tastatură: săgețile stânga și dreapta pot fi folosite pentru navigație (opțional).

NOUTĂȚI

07.03.2013 - fix Bug legate de lightbox atunci când este mărită pe Chrome și detectare mai bine pentru dispozitive mobile.


Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creat:
18 februarie 13

Ultima actualizare:
28 septembrie 13

de inalta rezolutie:
Da

Browsere compatibile IE7:
, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, fișiere incluse

Cuvinte cheie

eCommerce, toate elementele, Android, App, dinamice, flexibile, fliudwidth, pe tot ecranul, galerii, grilă, gridfolio, iframe, iOS, multimedia, receptiv, miniaturi, youtube