JQuery gebruiken om een ​​gewone webpagina op te persen

jQuery

JavaScript is niet de gemakkelijkste taal om te leren. Veel webontwikkelaars die standaard HTML begrijpen, zijn er behoorlijk door geïntimideerd. Een nieuw soort JavaScript-frameworks bestaat al een tijdje en begint met grote snelheid op het web te verschijnen.

Alle moderne browsers kunnen JavaScript efficiënt uitvoeren (enkele recente wijzigingen aan Firefox hebben hun motor echter echt versneld). Ik zou het downloaden en gebruiken van Firefox ten zeerste aanbevelen - het plugins alleen maken het van onschatbare waarde.

jQuery is een JavaScript-framework waarmee ik de laatste tijd steeds meer experimenteer. Toen ik een tijdelijke aanduiding voor een nieuwe startup plaatste, hadden we niet genoeg inhoud voor een volledige site, maar we wilden wel een mooie pagina opzetten die beschreef wat er zou komen. En we wilden het in een paar minuten doen!

jQuery deed precies de truc.

Zoek naar vrijwel alles naar jQuery +, en u zult ook zien dat ontwikkelaars oplossingen hebben gebouwd, plug-ins genaamd, die klaar zijn voor gebruik! In dit geval zocht ik naar "jQuery-carrousel" en vond een fantastische, uitgebreide jQuery-carrouseloplossing op Dynamic Drive.

Een ander leuk ding over jQuery is dat het code wordt nu gehost door Google. Als gevolg hiervan hoeft u jQuery niet naar uw eigen server te uploaden en hoeven de lezers van uw website het niet elke keer te downloaden. Als ze naar één site zijn geweest met de verwijzing naar jQuery, wordt deze automatisch in de cache opgeslagen voor gebruik met uw site!

Voeg gewoon de code toe aan uw head-tag en u kunt aan de slag met jQuery:


Om de carrousel uit te voeren, moest ik het stepcarousel-script uploaden en ernaar verwijzen:


Daarna was het aanpassen van de pagina eenvoudig! Ik zette mijn carrousel in een div genaamd mijn galerij en de strip van panelen binnen een div genaamd riem. Ik heb toen een klein stukje instellingencode toegevoegd aan mijn body-tag.

Je kunt de actie behoorlijk aanpassen. In dit geval heb ik het script aangepast zodat het automatisch wordt uitgevoerd wanneer de pagina wordt geladen. Ik heb de snelheid en de duur dat elk paneel wordt weergegeven aangepast, evenals de knoppen om de panelen handmatig naar links en rechts te draaien. Nog een coole functie van deze plug-in - wanneer je bij het laatste paneel komt, is het spoelt terug terug naar de eerste!

Als je bang bent om te programmeren of als JavaScript intimiderend is, is jQuery misschien de oplossing voor jou. Meestal hoeft u alleen maar de bestandsreferenties te kopiëren en te plakken, een paar instellingen te bewerken, de pagina correct te structureren ... en u kunt aan de slag.

3 reacties

  1. 1

    Ik ben momenteel mijn website aan het herbouwen en streef naar een lancering dit weekend als alles goed gaat. Ik gebruik jQuery voor een paar aspecten ervan en heb tot nu toe geen klachten. Alles lijkt dat "web 2.0" -gevoel uit te stralen en hopelijk is het alleen maar een aanvulling op de voltooide site.

Wat denk je?

Deze site gebruikt Akismet om spam te verminderen. Ontdek hoe uw reactiegegevens worden verwerkt.