membuat slider dari database Codeigniter

Hallo blogger kali ini saya akan menjelaskan tentang bagaimana cara membuat slider yang mengambil data dari database menggunakan framework Codeigniter. Postingan ini saya buat sebagai tindak lanjut dari permintaan teman saya di facebook yang menginginkan tutorial ini beliau adalah Angg* Andr*an.

slider merupakan salah satu tampilan html yang menampilkan gambar bergerak biasanya digunakan untuk menampilkan produk-produk unggulan yang ada di sebuah web contohnya adalah seperti gambar dibawah ini.

slider biasanya ditandai dengan

gambar yang berubah-ubah dalam durasi waktu tertentu
adanya pilihan untuk memilih gambar seperti yang saya beri kotak warna hitam
beberapa slider jiga terdapat button untuk next maupun prev

Slider sendiri di internet sangat banyak beberapa framework css biasanya sudah menyediakan plugin ini contoh Bootstrap dan Materializecss. Pada kesempatan kali ini saya akan menggabungkan antara slider Materialize css dengan Codeigniter dan database mysql tentunya. lansung saja masuk pada pembahasan bagaimana cara membuat slider dengan mengambildata dari database Codeigniter.

Karena saya menggunakan framework css Materialize maka alangkah baiknya anda download framework css ini disini
pasangkan dengan core Codeigniter anda
buat sebuah table dengan nama slider yang berisi id_slider, gambar, keterangan
jika sudah buat sebuah file php didalam folder view core CI anda dengan nama bg_slider.php

<?php
echo " <!DOCTYPE html>
<html>
<head>
<title>
arifweb.com slider
</title>

<link href='http://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>

<link type='text/css' rel='stylesheet' href='css/materialize.min.css' media='screen,projection'/>

<meta name='viewport' content='width=device-width, initial-scale=1.0'/>
</head>
<body>
<div class='container'>
<div class='slider'>
<ul class='slides'>";

foreach ($data->result() as $slide) {
echo " <li>
<img src='".$slide->gambar."'> 
<div class='caption center-align'>
<h3>Keterangan</h3>
<h5 class='light grey-text text-lighten-3'>".$slide->keterangan."</h5>
</div>
</li>";
}
Baca juga membuat dropdown dependent list
echo "</ul>
</div>
</div>

<script type='text/javascript' src='https://code.jquery.com/jquery-2.1.1.min.js'></script>
<script type='text/javascript' src='js/materialize.min.js'></script>

<script type='text/javascript' >
$(document).ready(function(){
$('.slider').slider({full_width: true});
});
</script>
<a href='arifweb.com' > ©2016 </a>
</body>
</html>

buat fungsi get_slider di model model_slider untuk mengambil data id_slider, gambar dan keterangan dari database.

function get_slider(){
return $this->db->get('slider');
}
buat fungsi pada controller slider.php didalam folder controller dengan isi seperti berikut

public function index(){
$data = $this->model_slider->get_slider();
$this->load->view('bg_slider',$data); }
jika sudah coba anda jalankan filenya :) SEMOGA BERHASIL :D

Bagi anda yang ingin sourchcode lengkap membuat slider silahkan share artikel ini lalu ketikkan email anda di kolom komentar dengan hastag #arifwebkeren
wkwkwkwk
INGAT NO SPAM !!!!

Bonus menampilkan dropdown dari database

mungkin cukup sekian tutorial saya kali ini tentang membuat slider dari database codeigniter dengan menggunakan slider materializecss. jika artikel ini bermanfaat dan ada yang ingin ditanyakan silahkan masukkan ke kolom komentar terima kasih telah berkunjung :)