Fw

Wordpress Creative Developer

[Guida] jQuery Slideshow Plugin – Quake

  • Tutorial Jquery
  • -

Quake è un plugin jQuery per creare degli slideshow di impatto, con effetti di transizione originali e la possibilità di inserire dei contenuti per ogni immagine (guarda la demo).

[Guida] jQuery Slideshow Plugin - Quake

Lo slideshow è un componente molto importante, che se sfruttato a dovere può in poco spazio e in modo gradevole raccontare molte informazioni di un sito.

Inoltre plugin come Quake, ma anche, altri che si sono visti nei tutorial jQuery, si possono integrare facilmente, come puoi vedere in questa guida dove mi riferirò alla documentazione già presente nel sito del plugin.

Passo Uno – Richiamare libreria jQuery ed i file di Quake

Come in tutti i plugin, il primo passo è quello di richiamare i file necessari.

jQuery Slideshow Plugin Quake - Richiamare i File

Passo Due – Inserimento Immagini e Caption

Ora bisogna inserire le immagini, dentro al div quake-slider-images, e le caption dentro al div quake-slider-captions.

jQuery Slideshow Plugin Quake - Codice HTML

Passo Tre – Applicare Quake

Infine bisogna applicare il plugin al div quake-slider contenente le immagini e le caption.

jQuery Slideshow Plugin Quake - Applichiamo il Plugin

Per tutte le altre personalizzazioni, ti invito a leggere la documentazione ufficiale del plugin.

Come vedi questi script non sono difficili da inserire, ma l’effetto che si ottiene può cambiare faccia al tuo sito 😉

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *