Visas tēmas

+
Home > Resursu > ieteikumi > kā veikt vienkāršu Javascript Slideshow

Kā padarīt vienkāršu Javascript Slideshow

Web skripta valoda, ko lieto darbam (dokumentu objekta modelis) DOM elementi ir JavaScript, pazīstams arī kā js. Tas ir cross-platformu tehnoloģiju, darbojoties ar objektiem HTML. Apmeklējot dažādu citu objektu HTML formātā, varēja pat saprast vienkāršu Javascript slideshow ar tīri Javascript kodu.

Šis raksts sniegs jums vienkāršu Javascript slideshow piemērs, lai jūsu mājas lapā var pievienot attēlu slaidrādi. Jūs varat kontrolēt to, ko un cik attēlus iekļaut, kā arī slaidrādes ātrumu. Tikai izbalināt pārejas efekts tiek izmantots Javascript slideshow. Lai iegūtu vairāk kontroles pār attēlu slaidrādes, piemēram, vairāk pārejas efektu, Slīdrāde virsrakstus, attēla hipersaite u.c., ir ieteicams lietot jaudīgākas slideshow veidotājs, kā Flash galerija rūpnīcas, kas tūlīt pievieno uzkrītošā rāda jūsu mājas lapā.

Download Win Version

Varētu kļūt par uzlabotas Javascript programmētājs paplašināt javascript kodu labāk javascript slideshow, mācoties Javascript kursu uz W3C.com. Tagad jūs uzzināsiet, kā izveidot vienkāršu Javascript slideshow soli pa solim.

1 sākt no JS slideshow koda piemērs

Nav nepieciešams rakstīt kodu Javascript slideshow no nulles. Šeit ir Javascript slideshow piemērs (1 kb, zip). Lejupielādēt un iegūt jūsu datorā. Mēs vienkārši modificēt atbilstoši savām vajadzībām. Jūs saņemsiet vienu javascript slideshow example.html failu.

2 mainīt attēla nosaukumu, attēlu ceļš, js slaidrādes ātrumu

Atveriet to ar savu iecienītāko teksta redaktoru un mainīt saskaņā ar piezīmēm, kas iekļauti failā.

  • Lai mainītu slaida ilgums, dodieties uz slideShowspeed parametrs.
  • Lai pievienotu vairākus attēlus, vienkārši nokopējiet un ielīmējiet Pic [0] = '1.jpg' rindu, un attiecīgi mainīt masīva numurs un attēla faila nosaukumu. Ja attēls atrodas mapē, piemēram, attēlus, izmantot saistīto ceļu kā Pic [0] = 'images/1.jpg'. Absolūtā attēla adresi var izmantot arī šeit.

3 iegultu Javascript slideshow uz jūsu web lappusi

Tagad atveriet web lapu, jūs vēlaties, lai iegultu Javascript slideshow. Nokopējiet un ielīmējiet visu < script > taga vietā starp < head > un < / galvas >. Tad ļaujiet lapu, lai sāktu Javascript slideshow, ielādējot lapu, pievienojot onLoad="javaSlideShow()" atribūts < body > tagu. Visbeidzot, pārliecinieties, Javascript, kas parādās pie lapas vajadzīgajā vietā. Lai to izdarītu, vienkārši ielieciet kodu starp < tabulas > un < / table > tagus, lai kur tas būtu.

4 . saglabāt un priekšskatīt Javascript slideshow

Labi, to saglabāt un priekšskatīt. Ja viss iet labi, jūs varat redzēt Javascript slideshow, jo tas.

Ražojumu saistītie jautājumi? Runāt tieši ar mūsu atbalsta komandas >>

Augšpusē