Utilizzo di jQuery per ravvivare una normale pagina Web

jQuery

JavaScript non è il linguaggio più facile da imparare. Molti sviluppatori web che comprendono l'HTML standard ne sono abbastanza intimiditi. Una nuova generazione di framework JavaScript è in circolazione da un po 'di tempo e sta cominciando a colpire il Web a passo spedito.

Tutti i browser moderni sono in grado di eseguire JavaScript in modo efficiente (alcune recenti modifiche a Firefox hanno davvero accelerato il loro motore, però). Consiglio vivamente di scaricare e utilizzare Firefox: il file i plugin da solo lo rendono inestimabile.

jQuery è un framework JavaScript con cui ho sperimentato sempre di più di recente. Quando ho inserito un segnaposto per una nuova startup, non avevamo abbastanza contenuti per un sito completo, ma volevamo creare una bella pagina che descrivesse cosa sarebbe successo. E volevamo farlo in pochi minuti!

jQuery ha fatto proprio il trucco.

Esegui una ricerca per jQuery + praticamente qualsiasi cosa e scoprirai anche che gli sviluppatori hanno creato soluzioni, chiamate plug-in, pronte per l'uso! In questo caso, ho cercato "jQuery carousel" e ho trovato un file fantastico, completo Soluzione carousel jQuery su Dynamic Drive.

Un'altra cosa bella di jQuery è che è il codice è ora ospitato da Google. Di conseguenza, non è necessario caricare jQuery sul tuo server, né i lettori del tuo sito web devono scaricarlo ogni volta. Se sono stati in un sito con il riferimento a jQuery, viene automaticamente memorizzato nella cache per essere utilizzato con il tuo sito!

Aggiungi semplicemente il codice all'interno del tuo tag head e sei pronto a utilizzare jQuery:


Per eseguire il carousel, ho dovuto caricare e fare riferimento allo script stepcarousel:


Dopodiché, modificare la pagina è stato semplice! Ho inserito la mia giostra all'interno di un div chiamato la mia galleria e la striscia di pannelli all'interno di un div chiamato cintura. Ho quindi aggiunto una piccola parte del codice delle impostazioni all'interno del tag del mio corpo.

Puoi personalizzare l'azione un po '. In questo caso ho modificato lo script in modo che venga eseguito automaticamente al caricamento della pagina. Ho personalizzato la velocità e la durata di visualizzazione di ogni pannello, nonché i pulsanti per ruotare manualmente i pannelli a sinistra ea destra. Un'altra caratteristica interessante di questo plugin: quando arrivi all'ultimo pannello, esso riavvolge torna al primo!

Se hai paura della programmazione o JavaScript ti intimidisce, jQuery potrebbe essere la soluzione per te. La maggior parte delle volte, è sufficiente copiare e incollare i riferimenti ai file, modificare alcune impostazioni, strutturare correttamente la pagina ... e il gioco è fatto.

Commenti

  1. 1

    Attualmente sto ricostruendo il mio sito web e sto puntando a un lancio questo fine settimana se tutto va bene. Sto usando jQuery per alcuni aspetti e finora non ho lamentele. Tutto sembra emanare quella sensazione di "web 2.0" e, si spera, complimenterà solo il sito finito.

Cosa ne pensi?

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.