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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Sliders

Draggable Infinite Grid with Lightbox

— 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!


Grid Infinit draggable cu Lightbox - WorldWideScripts.net Punctul de vânzare

Ads

Ad: Bluehost hosting

Grid Foto infinit cu Lightboxare un aspect fluid / flexibil / receptiv . Practic grila este adăugat într-o pagină HTML într-un div de alegere și se adaptează în funcție de lățimea div și înălțimea . În exemplele furnizate Puteți vedea câteva moduri în care s-ar putea folosi această grilă, desigur că alte configurații sunt posibile ( vă rugăm să rețineți că exemplele sunt oferite în descărca fișiere )

Pur OOP JavaScript cod, nici o utilizare de biblioteci jQuery sau alta, în acest fel nu vor exista incompatibilități cu pagini HTML care ar putea fi utilizați biblioteci JavaScript jQuery sau alta

Grid Foto infinit cu Lightboxeste folosind GPU( accelerare hardware )folosindStandardele HTML5Viteza de redare și de performanță sunt impecabile pe computere desktop și cel mai important de pe dispozitive mobile . funcționează în felul următor : va încerca să utilizeze CSS3 și în cazul în care acest lucru nu este valabil acesta va cădea la CSS2 sau CSS1 pentru browserele mai vechi, cum ar fiIE7șiIE8.

Ușor de instalat și de documentația completă inclusă, Lista de redare grila este construit din elemente <ul> care îl face ușor pentru a configura manual sau pentru a fi generat de la o bază de date sau orice alt tip de structura de date, această rețea poate fi instalat și folosit de către designeri sau programatori cu ușurință .

Mare performanță pe dispozitive mobile, puteți vedea în demo video care ruleaza la fel ca o aplicație nativă !, A fost codificate și optimizat pentru dispozitivele mobile si este 100% compatibil mobil și, desigur, va rula la fel de mare pe computere desktop inclusiv pe browserele mai vechi, cum ar fi IE7 si IE8 . L-am testat pe iPad3 și pe o SAMSUNG GALAXY S3 ( Android ) si ruleaza foarte bine pe ambele dispozitive, mai jos sunt link-uri pentru a vizualiza aceste demo-uri

Uita-te la demo-ul rulează pe Samsung Galaxy S3 ( Android )sauUita-te la demo-ul care rulează pe iPad ( iOS )

Rețelei principale caracteristici

Layout flexibil / lichid: Puteți controla dimensiunea grilei cu CSS sau JavaScript, practic are un aspect adaptabil care candidatul perfect pentru orice tip de proiect face

Patru tipuri de afișare sunt incluse : lățime de lichid, ecran complet, flexibil și lightbox ( check out exemple ! )

Întreaga tema de culori și a pielii poate fi modificat

Mod unic de a afișa imagini !Practicgrilei poate fi tras infinit în orice direcție și noi miniaturi vor fi afișate, există un algoritm matematic complex spatelecapota acestei grile care face posibil acest lucru . Suport pentru un număr mare de imagini .

Miniaturi personalizabil geometria si culoarea tema : această funcție vă permite să modificați dimensiunea de miniaturi " și culoarea de fundalMiniatură stratul transparento cutie de culoare transparent, care apare pe o miniatură atunci când nu este selectată, culoarea și opacitatea pentru această casetă sunt personalizabile ( opțional )

Miniatură icoane micipictograme mici care apar atunci când o miniatură este selectat, aceste icoane sunt de trei tipuri (video, link-ul și imagine ) ( opțional )

Presa personalizat acțiune miniatură :atunci când o miniatură este apăsat, puteți alege fie să afișeze un lightbox mass-media original, pe care le-am codat, sau pentru a deschide o nouă pagină web, poate fi specificat URL-ul și țintă a acestei pagini . Lightbox poate afișa imagini, sau se poate afișa clipuri video încărcate pe YouTube sau Vimeo

Navigare ecrane de ajutor animate ( opțional )

Suport rotița mouse-ului, direcția de parcurgere poate fi setat la verticală sau orizontală ( opțional )

Butonul de fullscreen ( opțional )

Lightbox CARACTERISTICI PRINCIPALE

Layout flexibil / Fluidlighbox va umple întotdeauna browser-ul viewport disponibil

Întreaga temă culorii poate fi modificată

Vimeo si suport YouTube :tot ce trebuie să faceți este să includă link-ul de video de pe YouTube sau Vimeo pe care doriți să se afișeze șilighbox va afișa și reda video . Dimensiunea ( lățimea și înălțimea ) de fiecare video poate fi setat ușorZoom și panoramare suport pentru imaginiputeți mări sau micșora o imagine și vă puteți deplasa imaginea, în acest fel, puteți vedea imaginea în detaliu ( opțional )

SlideshowButonul ( opțional )

Întârziere slideshow, întârzierea de prezentarea poate fi setată în secunde

Slideshow AutoPlay

Prezentare grafică animată personalizate

Următor și anterior butoanele de navigare ( opțional )

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

Granița personalizabil și fundaldimensiunea și culoarea de chenar și, de asemenea, culoarea de fundal principal sunt personalizabile

Tastatură de sprijinsăgețile stânga și dreapta poate fi folosit pentru navigare ( opțional )

NOUTĂȚI

27.03.2013 - bug-uri fixe legate de Windows8 de metrou și de birou

07.02.2013 - Adăugat o caracteristică care permite grila să fie tras vertical, orizontal sau ambele .

06.03.2013 - Fixed o serie de bug-uri și a adăugat suport pentru roata de mouse-ului, în acest fel grila poate fi defilat orizontală sau verticale utilizând roata de mouse-ului ( opțional ) .


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

Proprietăți

Creat:
05 februarie 13

Ultima actualizare:
28 martie 13

browserele compatibile:
IE7 , IE8 , IE9 , IE10 , Firefox , Safari , Opera , Chrome , versiunea software-ului

fișiere incluse:
JavaScript JS , HTML , CSS

Cuvinte cheie