Bruke jQuery til å sette opp en vanlig webside
JavaScript er ikke det enkleste av språk å lære. Mange nettutviklere som forstår standard HTML, blir ganske skremt av det. En ny rase av JavaScript-rammer har eksistert en stund nå, og begynner å treffe nettet.
Alle moderne nettlesere kan kjøre JavaScript effektivt (noen nylige endringer i Firefox har virkelig fått fart på motoren sin, skjønt). Jeg anbefaler på det sterkeste å laste ned og bruke Firefox - the plugins alene gjør det uvurderlig.
jQuery er et JavaScript-rammeverk jeg har eksperimentert mer og mer med nylig. Da jeg satte opp en plassholder for en ny oppstart, hadde vi ikke nok innhold til et fullstendig nettsted, men vi ønsket å sette opp en fin side som beskrev det som skulle komme. Og vi ønsket å gjøre det på få minutter!
jQuery gjorde akkurat trikset.
Gjør et søk etter jQuery + nesten hva som helst, og du vil også finne at utviklere har bygget løsninger, kalt plugins, som er klare til å gå! I dette tilfellet søkte jeg etter “jQuery-karusellen” og fant en fantastisk, omfattende jQuery-karuselløsningen på Dynamic Drive.
En annen fin ting med jQuery er at det er det koden er nå vert for Google. Som et resultat trenger du ikke å laste opp jQuery til din egen server, og heller ikke nettstedets lesere må laste ned den hver gang. Hvis de har vært på ett nettsted med referanse til jQuery, blir det automatisk bufret for bruk på nettstedet ditt!
Bare legg til koden i hodetaggen din, så er du i gang med jQuery:
For å kjøre karusellen måtte jeg laste opp og referere til trinnkarusellskriptet:
Etter det var det enkelt å endre siden! Jeg setter karusellen min i en div som heter mitt galleri og stripen av paneler innenfor en div kalt belte. Jeg la da til en liten del av innstillingskoden i kroppen min.
Du kan tilpasse handlingen ganske mye. I dette tilfellet endret jeg skriptet for å kjøre automatisk når siden lastes inn. Jeg tilpasset hastigheten og varigheten hvert panel vises, samt knappene for å manuelt rotere panelene mot venstre og høyre. En annen kul funksjon av dette pluginet - når du kommer til det siste panelet, det spoler tilbake tilbake til det første!
Hvis du er redd for programmering eller JavaScript er skremmende, kan jQuery være løsningen for deg. Mesteparten av tiden trenger du bare å kopiere og lime inn filreferansene, redigere noen innstillinger, strukturere siden riktig ... og du er i gang.