Selamat datang kembali di website tips dan trik Dumet School, kembali lagi dengan saya yang akan selalu memberikan tips dan trik seputar dunia website. Masih membahas tentang materialize kali ini kita sudah sampai pada pembahasan tentang Membuat Slide Show Dengan Materialize dimana hasil dari slide show yang di sediakan oleh materialize ini sangatlah unik, cocok sekali untuk website yang memiliki banyak product karena hasil sangatlah interaktive. Baik, di bawah ini adalah hasil dari layout slide show materialize.

Bisa kalian lihat pada gambar di atas ini, slide show memiliki tampilan yang interaktive, jika di klik gambar yang lain maka gambar akan bergantian tampil paling dengan sesuai gambar yang di klik. Disini saya menggunakan gambar dengan ukuran 400 x 400 px, langsung saja kita implementasikan Membuat Slide Show Dengan Materialize teman – teman siapkan text editornya dan siapkan file materialize nya serta image dengan ukutan persegi, saya sarankan untuk image minimal ukuran 400 x 400 px. Jika sudah ketikkan script di bawah ini atau bisa copy

Kemudian pastekan pada file index.html nya, tambahkan script jQuery nya untuk menjalan kan slide shownya

Jika sudah save dan jalankan pada browsernya maka hasilnya seperti gambar di bawah ini bawah ini

Untuk next atau prev nya teman – teman bisa klik gambar yang bagian kanan untuk next nya dan gambar bagian kiri untuk prev nya dengan begitu slide show akan silih berganti jika di klik 🙂

Bagaimana, sangat mudah bukan..??

Membuat slide show dengan framework materialize, selain hasil output yang bagus dan juga memudahkan kita untuk membuat slide show tanpa harus menggunakan plugin. Baik, sekian pada artikel kali ini tentang Membuat Slide Show Dengan Materialize kita berjumpa kembali pada artikel yang akan datang. Terimakasih dan sampai jumpa, semoga bermanfaat.