Brug af jQuery til at juice en almindelig webside op

jquery

JavaScript er ikke det nemmeste sprog at lære. Mange webudviklere, der forstår standard HTML, er ret skræmte af det. En ny race med JavaScript-rammer har eksisteret i et stykke tid nu og begynder at komme på nettet i skridt.

Alle moderne browsere er i stand til at køre JavaScript effektivt (nogle nylige ændringer af Firefox har dog virkelig sat fart på deres motor). Jeg vil meget anbefale at downloade og bruge Firefox - the Plugins alene gør det uvurderligt.

jQuery er en JavaScript-ramme, jeg har eksperimenteret mere og mere med for nylig. Da jeg satte en pladsholder til en ny opstart, havde vi ikke nok indhold til et komplet websted, men vi ønskede at oprette en dejlig side, der beskrev, hvad der kom. Og vi ville gøre det om et par minutter!

jQuery gjorde bare tricket.

Søg efter jQuery + stort set alt, og du vil også opdage, at udviklere har bygget løsninger, kaldet plugins, der er klar til at gå! I dette tilfælde søgte jeg efter “jQuery-karrusel” og fandt en fantastisk, omfattende jQuery-karruselløsning på Dynamic Drive.

En anden god ting ved jQuery er, at det er kode hostes nu af Google. Som et resultat behøver du ikke at uploade jQuery til din egen server, og heller ikke dit websteds læsere skal downloade det hver gang. Hvis de har været på et sted med henvisning til jQuery, cachelagres det automatisk til brug på dit websted!

Du skal blot tilføje koden i dit hovedmærke, så kører du med jQuery:


For at køre karrusellen var jeg nødt til at uploade og henvise til stepcarousel-scriptet:


Derefter var det enkelt at ændre siden! Jeg lagde min karrusel i en div kaldet mygallery og striben af paneler inden for en div kaldet bælte. Jeg tilføjede derefter en lille del af indstillingskoden inden for min kropskode.

Du kan tilpasse handlingen ganske lidt. I dette tilfælde ændrede jeg scriptet til at køre automatisk, når siden indlæses. Jeg tilpassede hastigheden og varigheden, som hvert panel vises, samt knapperne til manuelt at rotere panelerne til venstre og højre. En anden sej funktion ved dette plugin - når du kommer til det sidste panel, er det spoler tilbage tilbage til det første!

Hvis du er bange for programmering eller JavaScript er skræmmende, kan jQuery være løsningen for dig. Det meste af tiden skal du blot kopiere og indsætte filreferencer, redigere et par indstillinger, strukturere siden korrekt ... og du kører.

3 Kommentarer

  1. 1

    Jeg er i øjeblikket ved at genopbygge min hjemmeside og sigter mod en lancering i weekenden, hvis alt går godt. Jeg bruger jQuery til et par aspekter af det og har indtil videre ingen klager. Alt ser ud til at give afkald på den "web 2.0" -følelse, og forhåbentlig vil den kun komplimentere det færdige sted.

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.