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 per això. Ja fa temps que existeix una nova gamma de marcs JavaScript i comença 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 encaridament 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 inici, no teníem prou contingut per a un lloc complet, però volíem configurar una pàgina agradable 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 la meva galeria 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, és possible 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 ja esteu en marxa.

3 Comentaris

  1. 1

    Actualment estic reconstruint el meu lloc web i tinc l'objectiu de llançar-lo aquest cap de setmana si tot va bé. Estic utilitzant jQuery per a alguns aspectes i fins ara no tinc cap queixa. Sembla que tot emet 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.