Bagaimana untuk membuat tayangan slaid Javascript yang mudah

JavaScript, juga dikenali sebagai js, adalah Bahasa pengaturcaraan skrip web yang digunakan untuk unsur-unsur DOM (Model objek dokumen). Ia adalah teknologi cross-platform untuk berinteraksi dengan objek-objek dalam HTML. Dengan mengakses pelbagai objek yang berlainan dalam HTML, anda juga dapat menyedari tayangan slaid Javascript yang mudah dengan kod Javascript yang tulen.

Artikel ini akan memberi anda mudah Javascript tayangan slaid contoh supaya anda boleh menambah slaid imej untuk ke laman web anda. Anda boleh mengawal apa dan berapa banyak imej hendaklah dimasukkan, serta kelajuan tayangan slaid. Kesan transisi pudar hanya digunakan untuk slaid Javascript. Untuk mendapatkan lebih banyak kawalan ke atas slaid imej, seperti lebih banyak kesan peralihan tayangan slaid tajuk, pautan imej, dan sebagainya, anda digalakkan untuk menggunakan pembuat tayangan slaid lebih berkuasa seperti Kilang Galeri Flash, yang dengan serta-merta menambah persembahan menarik perhatian ke laman web anda.

Anda juga boleh menjadi programmer Javascript untuk maju untuk melanjutkan kod javascript untuk tayangan slaid javascript yang lebih baik dengan mempelajari Kursus Javascript di W3C.com. Lihat sekarang bagaimana set up tayangan slaid Javascript yang mudah langkah demi langkah.

1 bermula dari JS slaid kod contoh

Terdapat tiada keperluan untuk menulis kod Javascript slaid dari awal. Berikut adalah satu contoh tayangan slaid Javascript (1 kb, zip). Muat turun dan cabutan ke komputer anda. Kita hanya akan mengubah suainya untuk memenuhi keperluan anda. Anda akan mendapat satu fail javascript-slaid-example.html.

2 perubahan nama imej, laluan imej, kelajuan tayangan slaid js

Bukanya dengan editor teks kegemaran anda dan mengubahnya mengikut Nota-nota yang dimasukkan ke dalam fail.

• Untuk menukar tempoh slaid, pergi ke slideShowspeed parameter.
• Untuk menambah lebih banyak gambar, sila copy dan paste Pic [0] = '1.jpg' talian, dan menukar pelbagai imej dan nombor fail nama sejajar dengan itu. Jika gambar anda akan diletak dalam folder, contohnya gambar, menggunakan jalan yang berkaitan seperti Pic [0] = 'images/1.jpg'. Anda juga boleh menggunakan alamat imej mutlak di sini.

3 menerapkan Javascript tayangan slaid untuk laman web anda

Sekarang membuka halaman web yang anda hendak benamkan tayangan slaid Javascript. Salin dan tampal tag keseluruhan < skrip > kepada kedudukan antara < Ketua > dan < / kepala >. Kemudian membiarkan halaman untuk memulakan tayangan slaid Javascript anda apabila halaman dimuatkan dengan menambah onLoad="javaSlideShow()" atribut tag < badan >. Akhir sekali, membuat Javascript yang muncul di kedudukan yang betul halaman. Untuk berbuat demikian, hanya meletakkan kod antara < Jadual > dan < / Jadual > tag untuk di mana ia sepatutnya.

4 Simpan dan pratonton tayangan slaid Javascript

OK, menyimpannya dan preview. Jika segala-galanya pergi betul-betul, anda mungkin melihat tayangan slaid Javascript kerana ini.