Hvordan endre hastigheten på lysbildeserier med Javascript

Hvordan endre hastigheten på lysbildeserier med Javascript


Slidershows ble en populær funksjon for websider kort tid etter utgivelsen av jQuery i 2006, en Javascript-bibliotek som gjør det enkelt å lage den slags animasjoner som kreves for slidere til å fungere. Som navnet antyder, lysbildeserier ta en rekke bilder og rotere dem på websider. De blir ofte kalt "slidere" for kort. De fleste lysbilde bruke jQuery og krever en samtale eller annet sted på websiden der de brukes, og i så kaller du kan definere noen alternativer, som hastighet. Der du vil at brukerne skal lese bildeteksten før du klikker på et lysbilde, bør du sakte ned glidebryteren hastighet.

Bruksanvisning

1 Gå til "Start" på oppgavelinjen i Windows, og skriv inn navnet på din kode editor eller Notisblokk. Trykk på "Enter" for å laste programmet. Åpne filen for siden som inneholder lysbildeserien.

2 Se i "<header>" tag pair for jQuery-kode som kaller lysbildeserien. Hvis du ikke finner det der, ser i bunnteksten. For de redigerer maler eller bloggtemaer, må du sjekke topp- eller bunn fil for jQuery. Her er et eksempel på en typisk glideren jQuery samtale:

. $ ( '# Slider') sliderName ();

3 Gå til "Start" og åpne "Computer". Naviger til mappen hvor du pakket ut glidebryteren filer. Disse filene skal inneholde instruksjoner om hvordan du bruker glidebryteren, sammen med en liste over alternativer og noen ganger demosider. Åpne instruksjon filen og se etter en liste over alternativer. Opsjonene vil se slik ut:

hastighet: 500,

animasjon: lysbilde,

piler: true

Finn det alternativet som styrer slider hastighet.

4 Gå tilbake til jQuery samtalen for glidebryteren. Endre det til å se slik ut:

$ ( '# Slider'). SliderName ({

speedOption: 500

});

I jQuery, må du angi en animasjonshastigheten i millisekunder. En hastighet på 500 millisekunder er lik et halvt sekund. Legg en null til denne verdien for å slå den inn i fem sekunder.

Hint

  • Hvis du ikke finner alternativer i en instruksjonsvideo eller hjelpefilen med glidebryteren filer, og deretter åpne en demo side i nettleseren din og høyreklikk for å vise kildekoden. Du vil ofte se alternativene som brukes i koden.
  • Variabler i Javascript og jQuery biblioteket er store og små bokstaver, så sørg for at du matche lette av valgnavnene nøyaktig. Tallverdier for hastigheter trenger ikke anførselstegn.
  • Sikkerhetskopiere filene dine før du redigerer dem.