Yadda Za Ka Sa a Simple Javascript Slideshow

Javascript, kuma aka sani da JS, shi ne yanar gizo scripting harshen amfani da su yi aiki da Dom (Document Object Model) abubuwa. Yau da giciye-dandamali da fasaha zuwa hulɗa tare abubuwa a HTML. Ta samun dama daban-daban da daban-daban abubuwa a HTML, kana iya ma yi sauki Javascript slideshow da tsarki Javascript code.

Wannan labarin zai ba ku da wani mai sauki Javascript slideshow misali sabõda haka, za ka iya ƙara hoto slideshow to your website. Za ka iya sarrafa abin da kuma yadda mutane da yawa images da za a hada da, kazalika da slideshow gudun. Iyakar abin da Fade mika mulki sakamako da ake amfani da Javascript slideshow. Don samun karin controls kan image Slideshows, kamar mafi mika mulki effects, slideshow sunayen sarauta, image hyperlink, da dai sauransu, kana da shawarar a yi amfani da karin iko slideshow mai yi kamar Flash Gallery Factory, wanda nan da nan in ji ido-kamawa nuna to your website.

Ka kuma iya zama wani ci-gaba Javascript shirye-shiryen mika javascript lambobin ga mafi javascript slideshow da koyon Javascript Course a kan W3C.com. Yanzu ga yadda za a kafa mai sau Javascript slideshow mataki-mataki.

1 Get fara daga JS slideshow code misali

Babu bukatar rubuta Javascript slideshow code daga karce. A nan ne Javascript slideshow misali (1kb, zip). Saukewa kuma cire zuwa kwamfutarka. Za mu kawai gyara shi don ya dace da bukatun. Ba za ka samu guda javascript-slideshow-example.html fayil.

2 Canja image sunan, image hanya, JS slideshow gudun

Bude shi da kuka fi so rubutu edita da kuma canza shi bisa ga bayanin kula kunshe a cikin fayil.

• Don canja nunin duration, je zuwa slideShowspeed siga.
• Don ƙara ƙarin images, kawai ka kwafi da manna pic [0] = '1.jpg' line, da kuma canja tsararru lambar kuma image sunan fayil correspondingly. Idan image an sanya shi a cikin babban fayil, misali images, yi amfani da alaka hanya kamar pic [0] = 'images / 1.jpg'. Kana iya amfani da cikakkar image address nan.

3 embed Javascript slideshow to your shafin yanar gizo

Yanzu bude shafin yanar gizo da kake son embed a Javascript slideshow. Copy da manna dukan <script> tag ga wuri tsakanin <kai> da </ kai>. Sa'an nan kuma sai page don fara your Javascript slideshow lokacin da aka ɗora Kwatancen shafi na ta ƙara onLoad = "javaSlideShow ()" sifa ga <jiki> tag. A karshe, sa Javascript bayyana a daidai matsayi na page. Don yin haka, kamar sanya code tsakanin <tebur> da </ tebur> tags zuwa inda ya kamata ya kasance.

4 Ajiye da preview Javascript slideshow

Ya yi, ya ceci shi da preview. Idan duk abin da ke daidai, za ka iya ganin wata Javascript slideshow kamar yadda wannan.