RoyalSlider è una galleria di immagini jQuery abilitata al tocco.

[ad_1]

ProvaloAcquistalo ora a €14Richiedi il nostro supporto

RoyalSlider è un plugin per jQuery che consente di creare gallerie di immagini touch-enabled altamente personalizzabili.

Una delle principali caratteristiche di RoyalSlider è la sua alta flessibilità, consentendo di adattarsi a qualsiasi tipo di progetto e di integrarsi facilmente con altre librerie. Inoltre, il plugin offre numerose opzioni di personalizzazione e di transizione per creare gallerie di immagini uniche e coinvolgenti.

Per utilizzare RoyalSlider, è necessario innanzitutto includere il plugin in un progetto esistente. Una volta fatto questo, è possibile creare una nuova istanza della galleria di immagini e passare un insieme di opzioni per personalizzare il suo comportamento.

La struttura di base della galleria è costituita da un contenitore principale che racchiude gli elementi necessari al funzionamento del plugin: il wrapper dove verranno inserite le immagini, i pulsanti per la navigazione tra le immagini, le miniature e le informazioni aggiuntive.

Una volta che la galleria è stata inizializzata, è possibile gestire le transizioni tra le immagini attraverso le opzioni di animazione fornite dal plugin. Tra queste, ci sono lo slide, il crossfade, il fadeout e l’animazione “cubi” che crea una sorta di cubo virtuale per evidenziare le diverse immagini.

Oltre alle transizioni, RoyalSlider offre un insieme di opzioni per personalizzare le dimensioni delle immagini, la loro posizione all’interno del wrapper e gli effetti di zoom e rotazione. In questo modo, la galleria è in grado di gestire anche le immagini ad alta risoluzione e di presentarle in modo dinamico e coinvolgente.

Ma una delle caratteristiche più interessanti di RoyalSlider riguarda l’utilizzo di dispositivi touch-screen. La galleria è infatti in grado di rilevare gesti come il “swipe” per scorrere tra le immagini, il “pinch-to-zoom” per ingrandirle e il “double-tap-to-zoom” per aumentare il livello di dettaglio.

Inoltre, il plugin supporta anche la funzione di “pre-loading” che consente di caricare le immagini successive in background e velocizza il processo di transizione.

In sintesi, RoyalSlider è uno strumento potente per creare gallerie di immagini altamente personalizzabili e touch-enabled. Grazie alle numerose opzioni di transizione e di animazione, la galleria è in grado di offrire un’esperienza visiva coinvolgente e di alto livello, adattabile a qualsiasi tipo di progetto web o mobile.

1. Che cos’è Royal Slider?
Royal Slider è un plugin per jQuery che permette di creare una galleria di immagini e uno slider di contenuti con didascalie animate, un layout responsive e supporto touch per dispositivi mobili. Può essere utilizzato come slider di immagini, slideshow, slider di contenuti HTML, galleria, rotatore di banner, galleria video, carousel o addirittura presentazione.

2. Quali sono le caratteristiche di Royal Slider?
– Supporta la navigazione touch per iOS (tutte le versioni), Android 2.3+, IE10, IE11, Blackberry e altri sistemi operativi e browser che supportano eventi touch o pointer.
– Consente l’utilizzo di qualsiasi contenuto HTML in ogni slide e miniature (o schede).
– Lazy loading intelligente – carica le immagini vicine in background, così gli utenti non devono attendere ogni volta e le immagini sono subito disponibili. È possibile impostare quante immagini pre-visualizzare tramite le opzioni. Può essere disabilitato.
– Transizioni hardware in CSS3 super fluide.
– Schermo intero con supporto nativo HTML5 fullscreen. Perfetto per una galleria fotografica in cui si vogliono mostrare fotografie ad alta risoluzione.
– Gestione della memoria: mantiene solo poche slide nella lista di visualizzazione.
– Video di YouTube & Vimeo nelle slide.
– Deep-linking: collegamento a una slide specifica tramite URL.
– Velocità, transizione e easing regolabili per ogni didascalia o slide.
– Contenuti statici consentiti per ogni slide. Visualizza la demo con contenuti statici.
– Didascalie HTML animate con effetti personalizzati (sfumatura, muovi in alto, muovi a destra…).
– Transizione di spostamento o dissolvenza per le slide.
– Tutti i modelli iniziali sono responsive fino al mobile. Miniature e slide possono essere ridimensionate dinamicamente.
– Slides con velocità di scorrimento.
– Possibilità di rimuovere la navigazione a trascinamento con il mouse.
– Ottimizzato per SEO e semantico, le immagini sono indicizzabili, ogni nome di tag per il markup, le didascalie possono utilizzare qualsiasi tag si desideri (“h1”, “h2”, “p”…).
– Slideshow automatico con un’opzione di pausa al passaggio del mouse.
– Metodi, proprietà e callback pubblici (passa alla slide, riproduci lo slideshow, ecc.). Include metodi per aggiungere o rimuovere slide dinamicamente.
– Imposta l’indice della slide di avvio e lo spazio tra le slide.
– Lo slider può essere inserito in uno script lightbox, come Magnific Popup. Visualizza l’esempio di slider in lightbox.
– Può essere facilmente caricato tramite ajax, ha il metodo destroy().
– Interfaccia personalizzabile (aggiunta/rimozione di frecce, proiettili).
– Miniature, schede o proiettili per la navigazione.
– Scroller di miniature touch fisico basato sulla fisica che può essere posizionato ovunque sulla pagina e contenere qualunque contenuto HTML all’interno.
– Le miniature possono essere posizionate verticalmente o orizzontalmente e possono essere ridimensionate separatamente dalla slide.
– Consentiti più slider contemporaneamente sulla stessa pagina.
– Modalità di scala personalizzata per le immagini – si adattano all’area, si adattano all’area solo se l’immagine è più piccola o riempiono l’area.
– Compatibile con tutti i principali browser (inclusi IE7 a IE9, Chrome, Firefox, Safari e Opera).
– Sono inclusi i file di skin di Photoshop (.psd).
– Qualsiasi contenuto HTML può essere inserito all’interno della slide.
– Documentazione HTML estesa.
– È possibile richiedere ulteriori informazioni sul forum di supporto sull’implementazione, si tenga presente che il supporto non include servizi di installazione o personalizzazione.
– Aggiornamenti gratuiti per sempre.

3. Quali sono alcuni esempi di utilizzo di Royal Slider nel mondo reale?
Il plugin è utilizzato da numerose agenzie e marchi in tutto il mondo. È possibile visualizzare una lista completa degli esempi di utilizzo su questo sito web: http://dimsemenov.com/plugins/royal-slider/pricing/#examples.

4. Royal Slider ha diverse opzioni di navigazione?
Royal Slider offre tre opzioni di navigazione: miniature, schede o proiettili. Inoltre, è possibile utilizzare lo scroller di miniature touch fisico per una navigazione avanzata.

5. Royal Slider supporta lo swipe su dispositivi mobili?
Sì, Royal Slider supporta il swipe su dispositivi mobili. Il plugin è progettato per essere altamente accessibile e offrire la migliore esperienza utente su qualsiasi dispositivo.

6. Quali browser supportano Royal Slider?
Royal Slider è compatibile con tutti i principali browser, tra cui IE7-IE9, Chrome, Firefox, Safari e Opera.

7. Sono inclusi i file di skin di Photoshop?
Sì, i file di skin di Photoshop sono inclusi in fase di acquisto.

8. Posso chiedere aiuto sul supporto per l’installazione e la personalizzazione?
Il supporto non include servizi di installazione o personalizzazione. Tuttavia, è possibile porre domande sul forum di supporto sull’implementazione del plugin.

“Se incontri difficoltà nell’utilizzo di RoyalSlider – Touch-Enabled jQuery Image Gallery, non esitare a contattare la G Tech Group per assistenza. Puoi aprire un ticket scrivendo a support@gtechgroup.it, e il team ti fornirà tutte le indicazioni necessarie per l’installazione e la configurazione del plugin.”

[ad_2]
Source