Visita <a href="http://www.liquida.it/" title="Notizie e opinioni dai blog italiani su Liquida">Liquida</a> e <a href="I widget di Liquida per il tuo blog">Widget</a>

[Guida] jQuery Slideshow Plugin – Quake

Scritto da fedeweb il 04 giugno 2012 con 0 commenti | Pubblicato in 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 ;)

Template con navigazione orizzontale animata, realizzato in HTML, CSS e jQuery

343 download

566 download

About fedeweb

Federico Pian è un web designer freelance e insegnante , che ama condividere le proprie conoscenze e rendere tutti partecipi della sua passione. Guarda il suo portfolio e cosa sa fare nei tutorial. Scopri più informazioni su di lui nella pagina mi presento.

Non ci sono commenti

Non ci sono al momento commenti su [Guida] jQuery Slideshow Plugin – Quake. Forse vuoi commentare tu per primo?

Lascia un commento