o

Holl bynciau

+
Home > Adnoddau > cynghorion > sut i wneud sioe sleidiau syml Javascript

Sut i wneud sioe sleidiau syml Javascript

Javascript, adwaenir hefyd fel js, yw'r iaith sgriptio gwe a ddefnyddir i weithredu elfennau DOM (Model Gwrthrych Dogfen). Mae'n dechnoleg aml-lwyfan i ryngweithio gyda gwrthrychau mewn HTML. Drwy fanteisio ar amryw o wahanol wrthrychau yn HTML, gallech chi hyd yn oed gwireddu sioe sleidiau syml Javascript â Chod Javascript pur.

Bydd yr erthygl hon yn rhoi i chi syml Javascript sioe sleidiau enghraifft fel y gallwch ychwanegu ddelweddau at eich gwefan. Gallwch reoli pa faint o ddelweddau gael eu cynnwys, yn ogystal â ' cyflymder y sioe sleidiau. Defnyddir yr effaith pontio pylu dim ond ar gyfer y sioe sleidiau Javascript. I ennill mwy o reolaethau dros y sioeau sleidiau delwedd, megis mwy o effeithiau pontio, teitlau sioe sleidiau, hyperddolen ddelwedd, ac ati, yn argymhellir i chi ddefnyddio mwy pwerus maker sioe sleidiau fel Fflach oriel ffatri, sy'n ychwanegu sioeau trawiadol yn syth at eich gwefan.

Download Win Version

Gallech chi hefyd ddod Rhaglennydd Javascript datblygedig i ymestyn codau javascript ar gyfer sioe sleidiau javascript gwell drwy ddysgu Cwrs Javascript ar W3C.com. Yn awr yn gweld sut i sefydlu sioe sleidiau syml Javascript cam wrth gam.

Gychwyn 1 o'r enghraifft Cod JS sioe sleidiau

Does dim angen i ysgrifennu cod sioe sleidiau Javascript o'r dechrau. Yma yn enghraifft sioe sleidiau Javascript (1 kb, zip). Llwytho i lawr a thynnu eich cyfrifiadur. Bydd gennym syml ei addasu i ateb eich anghenion. Byddwch yn cael un ffeil javascript-sioe sleidiau-example.html.

2 yn newid enw delwedd, llwybr delwedd, js cyflymder sioe sleidiau

Agor â eich golygydd testun hoff a'i newid yn ôl y nodiadau wedi'u cynnwys yn y ffeil.

  • I newid para sleid, ewch i slideShowspeed paramedr.
  • I ychwanegu delweddau mwy, dim ond copïo a gludo person â gofal [0] = '1.jpg' llinell, a newid yr enw ffeil nifer a delwedd arae gyfatebol. Os bydd eich delwedd yn cael eu lleoli mewn ffolder, e.e. delweddau, defnyddiwch y llwybr cysylltiedig fel person â gofal [0] = 'images/1.jpg'. Gallwch hefyd ddefnyddio delwedd absoliwt cyfeiriad yma.

3 ymgorffori Javascript sioe sleidiau i eich tudalen we

Bellach yn agor y dudalen we rydych am i ymgorffori sioe sleidiau Javascript. Copïwch y tag cyfan < sgript > i y lle rhwng < pen > a < / pen >. Yna gadewch y dudalen i ddechrau eich sioe sleidiau Javascript pan fydd y dudalen yn cael ei llwytho drwy ychwanegu onLoad="javaSlideShow()" yn priodoli i tag < corff >. Yn olaf, gwneud y Javascript yn ymddangos yn y sefyllfa iawn y dudalen. I wneud hynny, dim ond rhoi cod rhwng < Tabl > a < / Tabl > Tagiau i ble y dylai fod.

4 arbed a rhagolwg o'r sioe sleidiau Javascript

Iawn, mae'n arbed a rhagolwg. Os aiff popeth yn iawn, efallai y gwelwch Javascript sioe sleidiau fel hyn.

Cwestiynau sy'n gysylltiedig â cynnyrch? Siarad yn uniongyrchol â 'n tîm cymorth >>

Uchaf