Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (68414 Members, 793 Products, 5353 Topic, 13045 Comments)

Cara membuat gambar iklan menjadi slide di marketplace

Dibuat
Login Terakhir 1 Tahun lalu,
Telah Dilihat 981 Kali
azray kisaran Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...Mas roby dan para master. Mohon pencerahan bagaiamana mengubah gambar iklan yang ada di content.php menjadi slider?

Ada 3 Jawaban

PHPMU.COM Support
commented on 23 Jun 2020 10:37:30
  1. Assalamualaikum,.. cara mudah bisa ambil slider dari swarakalibata ci,
  2. scriptnya seperti dibawah, tinggal copas ke content.php :
  3.  
  4. <div id="jssor_1" class='jssor_1'>
  5. <!-- Loading Screen -->
  6. <div data-u="loading" class='loading'>
  7. <div class='slide1'></div>
  8. <div class='slide2'></div>
  9. </div>
  10. <div data-u="slides" class='slides'>
  11. <?php
  12. $slide1 = $this->model_app->view_ordering_limit('iklanatas','id_iklanatas','ASC',0,5);
  13. $no=1;
  14. foreach ($slide1->result_array() as $row) {
  15. if ($row['gambar'] ==''){ $foto_slide = 'no-image.jpg'; }else{ $foto_slide = $row['gambar']; }
  16. if (strlen($row['judul']) > 40){ $judul = substr($row['judul'],0,40).',..'; }else{ $judul = $row['judul']; }
  17. echo "<div>
  18. <img data-u='image' src='".base_url()."asset/foto_iklanatas/$foto_slide'/>
  19. <div data-u='thumb'><a style='color:#fff' href='$row[url]'>$judul</a></div>
  20. </div>";
  21. $no++;
  22. }
  23. ?>
  24. </div>
  25. <!-- Thumbnail Navigator -->
  26. <div data-u="thumbnavigator" class="jssort09-600-45">
  27. <div class="slide3"></div>
  28. <!-- Thumbnail Item Skin Begin -->
  29. <div data-u="slides" style="cursor: default;">
  30. <div data-u="prototype" class="p">
  31. <div data-u="thumbnailtemplate" class="t"></div>
  32. </div>
  33. </div>
  34. <!-- Thumbnail Item Skin End -->
  35. </div>
  36. <!-- Bullet Navigator -->
  37. <div data-u="navigator" class="jssorb01" style="bottom:16px;right:16px;">
  38. <div data-u="prototype" style="width:12px;height:12px;"></div>
  39. </div>
  40. <!-- Arrow Navigator -->
  41. <span data-u="arrowleft" class="jssora05l" style="top:0px;left:8px;width:40px;height:40px;" data-autocenter="2"></span>
  42. <span data-u="arrowright" class="jssora05r" style="top:0px;right:8px;width:40px;height:40px;" data-autocenter="2"></span>
  43. </div>
azray kisaran
commented on 23 Jun 2020 15:52:55
  1. Assalamualaikum,.. sduah saya coba mas bisa. tapi diakses via laptop gak responsive mas slidernya. mohon pencerahan
andika pakaya
commented on 27 Jun 2020 03:32:46
  1. Assalamualaikum,.. iya kak slide nya udah muncul tetapi ketika di akses via web tidak rensponsiv
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!

Online