Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67423 Members, 783 Products, 5280 Topic, 12953 Comments)

Script + DB membuat foto berjalan serta script + DB untuk quotes

Dibuat
Login Terakhir 1 Tahun lalu,
Telah Dilihat 983 Kali
Akmal Hidayat Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2.  
  3. sahabat sekalian, bru mau belajar memodifikasi template website, dan ingin nambahin beberapa modul berikut :
  4.  
  5. 1. foto berjalan (data diambil dari db), buat nampilin foto dan nama para pengurus organisasi
  6. 2. foto + kata sambutan pimpinan organisasi (data diambil dari db)

Ada 1 Jawaban

PHPMU.COM Support
commented on 03 Mar 2022 07:24:09
Salah satu jawaban terbaik,..
  1. Assalamualaikum,.. untuk 2 point yang ditanyakan diatas sebenarnya cukup mudah, minimal hanya perlu memahami dasar pemrograman PHP dan Mysql untuk proses CRUD (Cread, Read, Update, Delete).
  2.  
  3. untuk mengambil data dari database maka perlu dibuat koneksi ke database, untuk koneksi pada php native umumnya menggunakan :
  4. <?php
  5. $db['host'] = "localhost"; //host
  6. $db['user'] = "root"; //username database
  7. $db['pass'] = ""; //password database
  8. $db['name'] = "db_crud"; //nama database
  9. $koneksi = mysqli_connect($db['host'], $db['user'], $db['pass'], $db['name']);
  10. ?>
  11.  
  12. Selanjutnya untuk mengambil data gambar dari database bisa seperti ini :
  13. $data = mysqli_query($koneksi, "SELECT * FROM foto_berjalan");
  14. while($row=mysqli_fetch_array($data)){
  15. echo "<img src='folder_foto/$row[file_goto]'>";
  16. }
  17.  
  18. Selanjutnya untuk membuat animasi foto berjalan bisa dengan menggunakan script dari w3school disini : https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_slideshow_rr
  19.  
  20. Pada bagian ini :
  21. <div class="w3-content w3-section" style="max-width:500px">
  22. <img class="mySlides" src="img_la.jpg" style="width:100%">
  23. <img class="mySlides" src="img_ny.jpg" style="width:100%">
  24. <img class="mySlides" src="img_chicago.jpg" style="width:100%">
  25. </div>
  26.  
  27. nanti bisa diganti dengan pemanggilan foto dari database hingga jadi seperti :
  28. <div class="w3-content w3-section" style="max-width:500px">
  29. <?php
  30. $data = mysqli_query($koneksi, "SELECT * FROM foto_berjalan");
  31. while($row=mysqli_fetch_array($data)){
  32. echo "<img class='mySlides' src='folder_foto/$row[file_goto]' style='width:100%'>";
  33. }
  34. ?>
  35. </div>
  36.  
  37. Untuk foto + kata sambutan pimpinan organisasi caranya juga sama, namun bisa mengambil 1 rows saja dari database, kurang lebih querynya nanti seperti ini :
  38. <?php
  39. $pim = mysqli_fetch_array(mysqli_query($koneksi, "SELECT foto, kata_sambutan FROM sambutan where id_sambutan='1'"));
  40. echo "<img src='folder_foto/$pim[goto]' style='width:200px; float:left'>
  41. $pim[kata_sambutan]";
  42. ?>
  43.  
  44. Selesai,.. namun kita juga rekomendasikan untuk mempelajari dasar pemrograman PHP dan MySQL terlebih dahulu agar bisa memahami semua script yang kita share diatas, bisa mulai belajar melalui E-Book ini : https://members.phpmu.com/kontribusi/detail/ebook-menyelam-dan-menaklukan-samudra-php
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!