Cara Membuat Slider Sederhana Menggunakan Javascript

Slider merupakan hal yang perlu untuk sebuah website bertujuan untuk mengurangi tingkat formal pada website dan agar tidak terlihat kaku pada website, maka dari itu slider hadir untuk mengubah agar lebih menarik untuk dilihat, kali ini saya akan mengajarkan tentang Cara Membuat Slider Sederhana Menggunakan Javascript,

pada umumnya slider dibuat menggunakan jQuery atau CSS3 kali ini saya akan menggunakan javascript hampir mirip dengan pagination tapi, agar tidak penasaran kita mulai skrang .
Teman teman bisa ikuti scriptnya dibawah sini :

<img src="kucing.jpg" id="gambar" width="120"> <br><br>
	<button onclick="ubah(1)">1</button>
	<button onclick="ubah(2)">2</button>
	<button onclick="ubah(3)">3</button>
	<button onclick="ubah(4)">4</button>
	<script type="text/javascript">
		function ubah(pilih) {
			if (pilih == 1) document.getElementById('gambar').src = 'kucing.jpg';
			else if (pilih == 2) document.getElementById('gambar').src = 'gajah.jpg';
			else if (pilih == 3) document.getElementById('gambar').src = 'ayam.jpg';
			else if (pilih == 4) document.getElementById('gambar').src = 'singa.jpg';
		}
	</script>

Jika sudah save dan jalankan dibrowsernya, cukup mudah bukan, sekian tutorial tentang Cara Membuat Slider Sederhana Menggunakan Javascript, sampai bertemu diartikel selanjutnya dan sampai jumpa.

untuk melihat hasil klik DEMO

#KeepLearn

#IsmetMA