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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

The Responsive Presentazione Photo Gallery ha un layout fluido / flessibile / reattivo. Fondamentalmente la griglia viene aggiunto in una pagina html in un div del chosing e si adeguano basa di larghezza di div, l'altezza griglia viene modificato in base al numero di miniature e se altri elementi sono sotto il div griglia sarà spinto automaticamente (flusso di documenti). 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 sono fornite nelle file di download).

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 Presentazione Photo Gallery utilizza la GPU (accelerazione hardware) utilizzando gli standard HTML5. La velocità di rendering e prestazioni è impeccabile su computer desktop e, soprattutto, sui dispositivi mobili, il modo in cui funziona si cercherà 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 su dispositivi mobili, si può vedere nella demo video che funziona proprio come un app nativa!, è stato codificato e ottimizzata per i dispositivi mobili ed è al 100% cellulare compatibile e, naturalmente, verrà eseguito altrettanto grande sui computer desktop anche per quanto riguarda i browser più vecchi come IE7 e IE8. Abbiamo testato su IPAD3 (IOS) e su una GALASSIA S3 (Android) e funziona grande su entrambi i dispositivi, di seguito i link per visualizzare questa demo.
Guarda demo in esecuzione su Samsung Galaxy S3 (Android) o Visualizza la demo in esecuzione su iPad (iOS).

GRID CARATTERISTICHE PRINCIPALI

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

L'intero tema colore può essere modificata.

Dimensioni personalizzabili miniature e la geometria: questa funzione consente di modificare la dimensione 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.

Descrizione della miniatura: ogni pollice può avere una breve descrizione con uno sfondo trasparente sotto di esso e questa descrizione è visibile quando il mouse si trova sopra una miniatura, il testo può essere formattato con i CSS, il colore di sfondo e l'opacità può anche essere modificata (opzionale).

"Caricare più miniature presentano": si tratta di una caratteristica impressionante che migliora le prestazioni generali e la velocità di caricamento, perché in questo modo non tutte le anteprime sono caricati e visualizzati in una sola volta. Per 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 i "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 da caricare per set è personalizzabile, non deve essere 50 può essere qualsiasi numero che si considera. Questa funzione è opzionale, se è disattivato tutte le miniature vengono caricati e visualizzati.

Personalizzato stampa miniatura 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 bersaglio di questa pagina web può essere specificato. L'lightbox in grado di visualizzare le immagini, o in grado di visualizzare i video caricati da YouTube o Vimeo.

CARATTERISTICHE PRINCIPALI LIGHTBOX

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

L'intero tema colore può essere modificata.

Vimeo e YouTube supporto: tutto quello che dovete fare è quello di includere il link da 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 panning supporto per le immagini: è possibile ingrandire e rimpicciolire un'immagine e si può scorrere l'immagine, in questo modo è possibile vedere l'immagine in grande dettaglio (opzionale).

Pulsante Presentazione (opzionale).

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 tasto e informazioni Info: ogni articolo 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: la frecce sinistra e destra possono essere utilizzati per la navigazione (optional).

AGGIORNAMENTI

19.02.2013 - Abbiamo aggiunto una nuova funzione a questa griglia, la possibilità di aggiungere le icone dei media sopra le miniature quando vengono selezionate, ora è possibile scegliere tra le miniature descrizione, icone dei media o "nessuno" quando si seleziona una miniatura.

07.03.2013 - Corretti alcuni bug relativi alla lightbox e ha aggiunto un supporto migliore per mobile di rilevazione.


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

Proprietà

Creato:
15 Gennaio 13

Ultimo aggiornamento:
8 marzo 13

Alta risoluzione:

Browser compatibili:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

File inclusi:
JavaScript JS, HTML, CSS

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, css3, dinamico, flessibile, fluido, griglia, html5, Light box, media, di risposta, vimeo, Youtube