Utilitzant jQuery per obtenir una pàgina web ordinària

jquery

JavaScript no és l’idioma més fàcil d’aprendre. Molts desenvolupadors web que entenen l'HTML estàndard se senten intimidats. Hi ha una nova sèrie de marcs JavaScript que existeixen des de fa un temps i comencen a sortir amb calma al web.

Tots els navegadors moderns poden executar JavaScript de manera eficient (algunes modificacions recents de Firefox han accelerat el seu motor, però). Recomanaria descarregar i utilitzar Firefox, el plugins per si sola el fan inestimable.

jQuery és un marc JavaScript amb el qual he experimentat cada cop més recentment. Quan vaig posar un marcador de posició per a una nova posada en marxa, no teníem prou contingut per a un lloc complet, però volíem configurar una bona pàgina que descrivís el que vindria. I ho volíem fer en pocs minuts!

jQuery va fer el truc.

Feu una cerca de jQuery + pràcticament qualsevol cosa i també trobareu que els desenvolupadors han creat solucions, anomenades connectors, que ja estan a punt. En aquest cas, he fet una cerca del "carrusel jQuery" i he trobat un fantàstic i complet Solució de carrusel jQuery a Dynamic Drive.

Una altra cosa interessant de jQuery és que és ara el codi està allotjat per Google. Com a resultat, no cal que pengeu jQuery al vostre propi servidor, ni tampoc els lectors del vostre lloc web han de descarregar-lo cada vegada. Si han estat en un lloc amb la referència a jQuery, es guarda automàticament a la memòria cau per utilitzar-lo amb el vostre lloc.

Simplement afegiu el codi a l’etiqueta de capçalera i estigueu fora de funcionament amb jQuery:


Per executar el carrusel, he hagut de penjar i fer referència a l’escriptura de carrusel pas:


Després d’això, modificar la pàgina va ser senzill. Vaig posar el meu carrusel dins d’un div anomenat mygallery i la tira de panells dins d'un div anomenat cinturó. Després he afegit un petit fragment de codi de configuració a l'etiqueta corporal.

Podeu personalitzar l'acció bastant. En aquest cas, he modificat l'script perquè s'executi automàticament quan es carrega la pàgina. He personalitzat la velocitat i la durada que es mostra cada panell, així com els botons per girar manualment els panells a l'esquerra i a la dreta. Una altra característica interessant d’aquest connector: quan arribeu a l’últim panell, esteu rebobina torna al primer!

Si teniu por de programar o JavaScript és intimidant, pot ser que jQuery sigui la solució per a vosaltres. La majoria de les vegades, simplement heu de copiar i enganxar les referències de fitxers, editar uns quants paràmetres, estructurar la pàgina correctament ... i esteu fora de funcionament.

3 Comentaris

  1. 1

    Actualment estic reconstruint el meu lloc web i pretenc un llançament aquest cap de setmana si tot va bé. Estic fent servir jQuery per a alguns aspectes i fins ara no tinc cap queixa. Sembla que tot desprèn aquesta sensació de "web 2.0" i esperem que només complementi el lloc acabat.

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.