Die gebruik van jQuery om 'n gewone webblad op te sap
JavaScript is nie die maklikste tale om te leer nie. Baie webontwikkelaars wat standaard HTML verstaan, word redelik geïntimideer daardeur. 'n Nuwe soort JavaScript-raamwerke bestaan al 'n rukkie en begin die web in stride raak.
Alle moderne blaaiers is in staat om JavaScript doeltreffend te laat loop (sommige onlangse wysigings aan Firefox het egter hul enjin regtig versnel). Ek sal sterk aanbeveel om Firefox af te laai en te gebruik – die plugins alleen maak dit van onskatbare waarde.
jQuery is 'n JavaScript-raamwerk waarmee ek onlangs meer en meer geëksperimenteer het. Toe ek 'n plekhouer vir 'n nuwe begin opgesit het, het ons nie genoeg inhoud vir 'n volledige webwerf gehad nie, maar ons wou wel 'n mooi bladsy opstel wat beskryf wat kom. En ons wou dit binne 'n paar minute doen!
jQuery het net die truuk gedoen.
Doen 'n soektog na jQuery+ feitlik enigiets, en jy sal ook vind dat ontwikkelaars oplossings gebou het, genaamd plugins, wat gereed is om te gaan! In hierdie geval het ek 'n soektog na "jQuery carrousel" gedoen en 'n fantastiese, omvattende gevind jQuery-karrouseloplossing op Dynamic Drive.
Nog 'n lekker ding oor jQuery is dat dit kode word nou deur Google aangebied. Gevolglik hoef jy nie jQuery na jou eie bediener op te laai nie, en jou webwerf se lesers hoef dit ook nie elke keer af te laai nie. As hulle by een werf was met die verwysing na jQuery, word dit outomaties in die kas gestoor vir gebruik met jou werf!
Voeg eenvoudig die kode binne jou kopmerker by en jy is aan die gang met jQuery:
Om die karrousel te laat loop, moes ek wel die stapkarrousel-skrip oplaai en verwys:
Daarna was die wysiging van die bladsy eenvoudig! Ek sit my karrousel binne 'n div genoem my gallery en die strook van panele binne 'n div genoem band. Ek het toe 'n klein stukkie instellingskode in my lyfmerker bygevoeg.
Jy kan die aksie nogal aanpas. In hierdie geval het ek die script verander om outomaties te loop wanneer die bladsy laai. Ek het die spoed en die tydsduur wat elke paneel vertoon word, aangepas, sowel as die knoppies om die panele met die hand links en regs te draai. Nog 'n oulike kenmerk van hierdie inprop - wanneer jy by die laaste paneel kom, is dit terugspoel terug na die eerste!
As jy bang is vir programmering of JavaScript is intimiderend, kan jQuery die oplossing vir jou wees. Meeste van die tyd moet jy eenvoudig die lêerverwysings kopieer en plak, 'n paar instellings wysig, die bladsy korrek struktureer ... en jy is aan die gang.