Alla ämnen

+
Home > Sumber daya > Tips > Bagaimana membuat Javascript Slideshow sederhana

Cara membuat tampilan slide Javascript sederhana

JavaScript, juga dikenal sebagai js, adalah suatu bahasa script web yang digunakan untuk mengoperasikan unsur-unsur DOM (dokumen Object Model). Ini adalah cross-platform teknologi untuk berinteraksi dengan benda-benda dalam HTML. Dengan mengakses berbagai objek yang berbeda dalam HTML, Anda bahkan bisa menyadari slideshow Javascript sederhana dengan kode Javascript yang murni.

Artikel ini akan memberikan Anda sederhana Javascript tampilan slide contoh sehingga Anda dapat menambahkan gambar slideshow ke situs web Anda. Anda dapat mengontrol apa dan berapa banyak gambar yang akan dimasukkan, serta kecepatan slideshow. Efek transisi memudar hanya digunakan untuk Javascript tampilan slide. Untuk mendapatkan lebih banyak kontrol atas tampilan slide gambar, seperti lebih banyak efek transisi, judul tampilan slide, gambar hyperlink, dll, Anda disarankan untuk menggunakan pembuat slideshow lebih kuat seperti Flash Galeri Pabrik, yang segera menambahkan eye-catching menunjukkan ke situs web Anda.

Download Win Version

Anda juga bisa menjadi programmer Javascript yang canggih untuk memperpanjang kode javascript untuk sebuah slideshow javascript yang lebih baik dengan belajar Javascript Lapangan W3C.com. Sekarang melihat cara set up sebuah slideshow Javascript sederhana langkah demi langkah.

1 memulai dari contoh kode JS slideshow

Ada tidak perlu untuk menulis kode Javascript slideshow dari awal. Berikut adalah contoh slideshow Javascript (1 kb, zip). Download dan ekstrak ke komputer Anda. Kami hanya akan mengubahnya sesuai dengan kebutuhan Anda. Anda akan mendapatkan satu file javascript-slideshow-example.html.

2 mengubah nama gambar, Gambar jalan, js slideshow kecepatan

Buka dengan editor teks favorit Anda dan mengubahnya Menurut catatan yang termasuk dalam file.

  • Untuk mengubah durasi slide, pergi ke slideShowspeed parameter.
  • Untuk menambahkan lebih banyak gambar, hanya copy dan paste Pic [0] = '1.jpg' baris, dan mengubah array nomor dan gambar nama file sejalan. Jika gambar Anda ditempatkan dalam folder, misalnya gambar, menggunakan path terkait seperti Pic [0] = 'images/1.jpg'. Anda juga bisa menggunakan alamat mutlak gambar di sini.

3 embed Javascript tampilan slide ke halaman web Anda

Sekarang buka halaman web yang Anda ingin menanamkan Javascript tampilan slide. Copy dan paste seluruh < script > tag ke tempat antara < kepala > dan < / kepala >. Kemudian membiarkan halaman untuk memulai Anda Javascript tampilan slide ketika halaman load dengan menambahkan onLoad="javaSlideShow()" atribut untuk tag < badan >. Akhirnya, membuat Javascript yang muncul di posisi yang tepat halaman. Untuk melakukannya, hanya menempatkan kode antara < tabel > dan < / tabel > tag ke mana seharusnya.

4 Simpan dan preview Javascript tampilan slide

OK, Simpan dan preview. Jika semuanya berjalan benar, Anda mungkin melihat slideshow Javascript seperti ini.

Pertanyaan yang berhubungan dengan produk? Berbicara langsung ke tim dukungan kami >>

Atas