Alla ämnen

+
Home > Resurs > Tips > Hur man gör en enkel Javascript bildspel

Hur man gör en enkel Javascript bildspel

JavaScript, även känd som js, är en web skriptspråk som används för att driva DOM (Document Object Model) element. Det är en plattformsoberoende teknik att interagera med objekt i HTML. Genom att besöka olika olika objekt i HTML, kunde du ens inser en enkel Javascript bildspel med ren Javascript-kod.

Denna artikel kommer att ge dig en enkel Javascript bildspel exempel så att du kan lägga till en bild bildspel till din webbplats. Du kan styra vad och hur många bilder som skall ingå, samt bildspel hastigheten. Den enda effekten tona övergången används för Javascript bildspelet. För att få mer kontroll över bilden bildspel, som mer övergångseffekter, bildspel titlar, bild hyperlänk, etc., rekommenderas du att använda mer kraftfulla bildspel maker som Flash Gallery Factory, som omedelbart iögonfallande visar din webbplats.

Download Win Version

Du kan också bli en avancerad Javascript-programmerare att förlänga javascript koder för en bättre javascript bildspel med Javascript kursen på W3C.com lärande. Nu se hur du ställer in en enkel Javascript bildspel steg för steg.

1 komma igång från JS bildspel kodexempel

Det finns ingen anledning att skriva Javascript bildspel-kod från början. Här är en Javascript bildspel exempel (1 kb, zip). Ladda ner och extrahera till datorn. Vi kommer helt enkelt ändra den efter behov. Du kommer att få en enda javascript-bildspel-example.html fil.

2 ändra Bildnamn, bild stig, js visningshastighet

Öppna den med din favorit texteditor och ändra den enligt anteckningarna i filen.

  • Om du vill ändra bildens varaktighet, gå till slideShowspeed parameter.
  • För att lägga till fler bilder, bara kopiera och klistra in Pic [0] = "1.jpg" linje, och ändra filnamnet matris antal och bild på motsvarande sätt. Om din bild är placerad i en mapp, t.ex. bilder, använda den relaterade sökvägen som Pic [0] = 'images/1.jpg'. Du kan också använda absoluta bildadress här.

3 bädda in Javascript bildspel till din webbsida

Nu öppna webbsidan du vill bädda in en Javascript bildspel. Kopiera och klistra in hela < script >-taggen till ställe mellan < head > och < / head >. Låt sedan sidan för att starta din Javascript bildspel när sidan laddas genom att lägga till onLoad="javaSlideShow()" attribut till < body >-taggen. Slutligen, göra Javascript visas på rätt position på sidan. Det gör bara sätta koden mellan < table > och < / table >-taggar för att där det ska vara.

4 spara och förhandsgranska Javascript bildspel

OK, spara den och förhandsgranska. Om allt går rätt, kan du se ett Javascript bildspel som denna.

Produktrelaterade frågor? Tala direkt till vårt Support-Team >>

Topp