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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Segui Envato Segui FACEBOOK

Versione Data di rilascio 1.2 2013/09/27

  • Corretti bug relativi a IE8.
  • Corretti bug relativi al l'ultimo aggiornamento di iOS e Android.
  • Miglioramento delle prestazioni mobile.

Versione Data di rilascio 1.1 2013/07/24

  • Supporto per più categorie, naturalmente può ancora essere utilizzato con una singola categoria come prima.
  • Supporto Lightbox Iframe.
  • Descrizione Lightbox AutoOpen (descrizione dell'oggetto aperto senza premere il tasto info).
  • Aggiunto un ulteriore modo per chiudere la lightbox premendo fuori dell'area articolo.
  • Aggiunto il supporto per gli eventi MSPointer per Windows8 mobile.
  • Aggiunta sei pelli extra.

Caratteristiche principali:

The Responsive Gridfolio ha un layout fluido / flessibile / reattivo. Fondamentalmente la griglia viene aggiunto in una pagina html in un div del vostro chosing ed è adeguano basa di larghezza di div, l'altezza griglia è modificato in base alle miniature e se altri elementi sono al di sotto della div griglia che sarà spinto automaticamente (documento flusso). Negli esempi forniti si possono vedere alcuni modi in cui si potrebbe utilizzare questa griglia, naturalmente, che altre configurazioni possibili (si prega di notare che il codice di questi esempi è fornita nei file di download).

La galleria può avere qualsiasi numero di immagini e ogni immagine può essere di qualsiasi dimensione, ma proporzionale alla larghezza di un pollice base e altezza. Quando si preme una miniatura è possibile scegliere di visualizzare un supporto lightbox originale che abbiamo codificato, o per aprire una nuova pagina web, l'URL e la destinazione di questa pagina web può essere specificato. Il lightbox grado di visualizzare le immagini, o in grado di visualizzare i video caricati da YouTube o Vimeo.

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

The Responsive Gridfolio utilizza la GPU (accelerazione hardware) con gli standard HTML5. La velocità di rendering e prestazioni è impeccabile su computer desktop e soprattutto su dispositivi mobili, il modo in cui funziona si tenta di utilizzare CSS3 e se questo non è disponibile lo farà fino alla caduta CSS2 o CSS1 per i browser più vecchi come IE7 e IE8.

Grande prestazione sui dispositivi mobili, si può vedere nella demo video che funziona proprio come un app nativa!, è stato codificato e ottimizzato per i dispositivi mobili ed è al 100% cellulare compatibile e, naturalmente, verrà eseguito altrettanto grande sui computer desktop anche su vecchi browser come IE7 e IE8. Abbiamo testato su IPAD3 (IOS) e su un Samsung Galaxy S3 (Android) e funziona grande su entrambi i dispositivi, di seguito sono i link per visualizzare questa demo. Guarda demo in esecuzione su Samsung Galaxy S3 (Android) o Guarda la demo in esecuzione su IPAD (IOS).

Caratteristiche principali della griglia:

Layout Responsive / flessibile / Fluid: è possibile controllare la dimensione della griglia con CSS o JavaScript, in fondo ha un layout flessibile che lo rende il candidato ideale per qualsiasi tipo di progetto.

Supporto per qualsiasi numero di immagini e ogni immagine può essere di qualsiasi dimensione, ma proporzionale alla larghezza di un pollice base e altezza

L'intero tema di colore può essere modificato.

Dimensioni personalizzabili miniature e la geometria: questa funzione consente di modificare le dimensioni delle miniature e lo spazio tra le miniature.

Confine miniature personalizzabile e lo sfondo: ogni miniatura possono avere un bordo e uno sfondo, colore di sfondo della miniatura, le dimensioni del bordo e il colore del bordo sono personalizzabili, anche il colore del bordo miniature può essere applicata un'interpolazione tra un colore normale per un colore selezionato..

Icone Descrizione o miniature dei media di Thumbnail: ogni pollice può avere una breve descrizione con uno sfondo trasparente sotto o un'icona mediatica che rappresenta un collegamento, video o immagine, questo sono visibili quando il mouse si trova sopra una miniatura, il testo può essere formattato con CSS, il colore di sfondo e l'opacità può anche essere modificato (opzionale).

"Caricare più miniature presentano": questa è una caratteristica impressionante che migliora le prestazioni generali e la velocità di caricamento, perché in questo modo non tutte le miniature vengono caricati e visualizzati in una sola volta. Ad esempio, se si dispone di un totale di 120 miniature è possibile visualizzare in gruppi di 50 miniature, e quindi inizialmente nella griglia la prima serie di 50 miniature vengono caricati e visualizzati, e quando il "carico più miniature" viene premuto il prossimo set di 50 miniature vengono caricati e visualizzati, e, infine, quando il pulsante "Carica più miniature" si preme di nuovo il 20 miniature restanti sono mostrato. Il numero di miniature per caricare per set è personalizzabile, non deve essere a 50 può essere qualsiasi numero che si considera. Questa funzione è opzionale, se è disabilitato tutte le miniature vengono caricati e visualizzati.

Personalizzato stampa miniature azione: quando si preme una miniatura è possibile scegliere di visualizzare un supporto lightbox originale che abbiamo codificato, o per aprire una nuova pagina web, l'URL e la destinazione di questa pagina web può essere specificato. Il lightbox grado di visualizzare le immagini, o in grado di visualizzare i video caricati da YouTube o Vimeo.

Lightbox caratteristiche principali:

Layout Responsive / flessibile / Fluid: il Lighbox sempre riempire il browser finestra disponibile.

L'intero tema di colore può essere modificato.

Vimeo e supporto YouTube: tutto quello che dovete fare è inserire il link di YouTube o Vimeo video che si desidera visualizzare e il Lighbox visualizzerà e riprodurre il video. Le dimensioni (larghezza e altezza) di ogni video può essere impostato facilmente.

Zoom e supporto panning per le immagini: è possibile ingrandire e ridurre l'immagine e la panoramica dell'immagine, in questo modo è possibile vedere l'immagine in grande dettaglio (optional).

Tasto Slideshow (optional).

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

Slideshow autoplay.

Slideshow grafica animata personalizzato.

Avanti e indietro pulsanti di navigazione (optional).

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

Confine personalizzabile e di fondo: la dimensione del bordo e il colore e anche il colore di sfondo principale sono personalizzabili.

Supporto per la tastiera: le frecce sinistra e destra possono essere utilizzati per la navigazione (optional).

AGGIORNAMENTI

07.03.2013 - Bug fix legato alla lightbox quando è ingrandita su Chrome e il rilevamento migliore per i dispositivi mobili.


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

Proprietà

Creato:
18 Febbraio 13

Ultimo aggiornamento:
28 settembre 13

alta risoluzione:
Sì, browser compatibili

Parole chiave

eCommerce, tutte le voci, Android, app, dinamici, flessibili, fliudwidth, a schermo intero, galleria, griglia, gridfolio, iframe, ios, multimediali, reattiva, miniature, youtube