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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


Trascinabile Griglia infinita con Lightbox - WorldWideScripts.net articolo in vendita

Ads

Ad: Bluehost hosting

L'Foto Infinite Griglia con Lightboxha un layout fluido / flessibile / reattivo . Fondamentalmente la griglia viene aggiunto in una pagina HTML in un div di vostra scelta e si adatta basa su larghezza e l'altezza di quel div . Negli esempi forniti si possono vedere alcuni modi in cui si potrebbe utilizzare questa griglia, naturalmente, che le altre configurazioni sono possibili ( si prega di notare che gli esempi sono forniti i file di download ) .

Pure OOP codice JavaScript, nessun utilizzo di librerie jQuery o altro, in questo modo non ci saranno incompatibilità con pagine HTML che potrebbero utilizzare librerie JavaScript jQuery o altro .

L'Foto Infinite Griglia con Lightboxsta usando la GPU( accelerazione hardware )utilizzandoStandard HTML5La velocità di rendering e le prestazioni sono impeccabili su computer desktop e per di più su dispositivi mobili . funziona nel modo seguente : si cercherà di usare CSS3 e se questo non è disponibile, verrà giù cadere a CSS2 e CSS1 per i browser più vecchi comeIE7eIE8.

Facilità di installazione e la documentazione completa compresi, La playlist della griglia è costruita da elementi <ul> che lo rende facile da impostare manualmente o essere generato da un database o qualsiasi altro tipo di struttura dati, questa griglia può essere installata e utilizzata da progettisti o gli sviluppatori con facilità.

Grandi prestazioni su dispositivi mobili, si può vedere nel video demo che funziona proprio come un app nativa !, È stato codificato e ottimizzata per i dispositivi mobili ed è compatibile con il cellulare al 100 % e, naturalmente, verrà eseguito altrettanto grande su computer desktop anche per quanto riguarda i browser più vecchi come IE7 e IE8 . Abbiamo testato su iPad3 e su un Samsung Galaxy S3 ( Android) e funziona grande su entrambi i dispositivi, di seguito sono i link per vedere questo demo .

Guarda la demo in esecuzione sul Samsung Galaxy S3 ( Android)oGuarda la demo in esecuzione su iPad ( IOS ) .

GRIGLIA CARATTERISTICHE PRINCIPALI

Layout flessibile / Fluid: È possibile controllare le dimensioni della griglia con i CSS o JavaScript, in fondo ha un layout adattabile che lo rende il candidato perfetto per qualsiasi tipo di progetto .

Quattro tipi di visualizzazione sono inclusi: larghezza fluida, a schermo intero, flessibile e lightbox (check out esempi !) .

L'intero tema del colore della pelle e possono essere modificati .

Unico modo di visualizzare le vostre immagini!Fondamentalmente la griglia può essere trascinato indefinitamente in qualsiasi direzione e verrà visualizzata nuove miniature, vi è un complesso algoritmo matematico dietro il cofano di questa griglia che rende questo possibile . Il supporto per gran numero di immagini .

Personalizzabile miniature geometria e colore del tema : questa funzione consente di modificare la dimensione delle miniature " e il colore di sfondo.Thumbnail overlay trasparenteuna scatola trasparente colorato che appare sopra una miniatura, quando non è selezionata, il colore e l'opacità di questo dialogo sono personalizzabili (opzionale) .

Thumbnail piccole iconepiccole icone che appaiono quando si seleziona una miniatura, queste icone sono di tre tipi ( video, link ed immagine ) ( opzionale ) .

Personalizzato stampa azione miniature :quando viene premuto una miniatura è possibile scegliere di visualizzare un lightbox originale dei media che abbiamo codificato, o per aprire una nuova pagina web, è possibile specificare l'indirizzo e il target di questa pagina web . Il lightbox può visualizzare le immagini, oppure può visualizzare i video caricati da YouTube o Vimeo .

Navigazione schermate di aiuto animati ( opzionale ) .

Supporto per la rotella, la direzione di scorrimento può essere impostata a verticale o orizzontale ( opzionale) .

Pulsante schermo intero ( opzionale ) .

LightBox CARATTERISTICHE PRINCIPALI .

Layout flessibile / fluidoil Lighbox sempre riempire il browser disponibile viewport .

L'intero tema di colore può essere modificato .

Vimeo e sostegno YouTube :tutto ciò che dovete fare è inserire il link da YouTube o Vimeo video che si desidera visualizzare e il Lighbox verrà visualizzare e riprodurre il video. Le dimensioni ( larghezza e altezza) di ogni video può essere impostato facilmente .Zoom e panning supporto per le immaginiè possibile ingrandire e rimpicciolire l'immagine e si può scorrere l'immagine, in questo modo si può vedere l'immagine in grande dettaglio (opzionale) .

Presentazionepulsante (opzionale) .

Ritardo di presentazione, il ritardo della presentazione può essere impostato in secondi .

Presentazione autoplay .

Slideshow animazioni grafiche personalizzate.

Pulsanti Avanti e Indietro navigazione (optional) .

Pulsante e informazioni finestra Info:ogni elemento Lighbox può avere una descrizione, l'aspetto del testo e la finestra può essere formattato con i CSS (opzionale) .

Confine e di sfondo personalizzabilela dimensione del bordo e il colore e anche il colore di sfondo principale sono personalizzabili .

Supporto per la tastierale frecce destra e sinistra possono essere utilizzate per la navigazione ( optional) .

AGGIORNAMENTI

27.03.2013 - Corretti bug relativi alla Windows8 metropolitana e desktop.

07.02.2013 - Aggiunta una funzione che permette alla rete di essere trascinata in verticale, in orizzontale o in entrambi .

06.03.2013 - Corretto un serie di bug e aggiunto il supporto per la rotellina del mouse, in questo modo la griglia è possibile scorrere orizzontale o verticale usando la rotellina del mouse (opzionale) .


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
5 13 febbraio

Ultimo aggiornamento:
28 marzo 13

browser compatibili:
IE7 , IE8 , IE9 , IE10 , Firefox , Safari, Opera , Chrome , versione software

Alta Risoluzione:

Files Included:
JavaScript JS , HTML , CSS

Parole chiave