Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67545 Members, 783 Products, 5294 Topic, 12957 Comments)

Bagaimana cara memisahkan slide Berita dengan Artikel di sekolah_ci

Dibuat
Login Terakhir 2 Bulan lalu,
Telah Dilihat 907 Kali
hermanfuad Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2. Bagaimana cara memisahkan slide Berita dengan Slide Artikel di sekolah_ci !
  3. Trima kasih & Sukran ...

Ada 1 Jawaban

Bukhori Muslim
commented on 06 Sep 2018 06:03:55
  1. Assalam,.. caranya gampang sekali, tinggal copas saja file slide.php di "application/views/phpmu-sekolah"
  2. lalu copy dan paste, ganti namanya dengan slide2.php, lalu buka dengan text editor, pada baris 1 ubah :
  3. <div id="jssor_1" class='jssor_1'> menjadi <div id="jssor_2" class='jssor_2'>
  4. selanjutnya pada file "content.php" cari : include "slide.php"; lalu tabahkan dibawahnya : include "slide2.php";
  5.  
  6. selanjutnya ke file css dan js slider perlu di edit dikit, buka file :
  7. "template/phpmu-sekolah/slide/slide.css" tambahkan :
  8. .jssor_2{ position:relative;margin:0 auto;top:0px;left:0px;width:600px;height:300px;overflow:hidden;visibility:hidden; }
  9. selesai dan simpan perubahan, terakhir buka file jsnya : "template/phpmu-sekolah/slide/js/slide.js"
  10. cari : var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
  11.  
  12. lalu dibawahnya tambahkan kode berikut :
  13. var jssor_2_options = {
  14. $AutoPlay: 1,
  15. $SlideshowOptions: {
  16. $Class: $JssorSlideshowRunner$,
  17. $Transitions: jssor_1_SlideshowTransitions,
  18. $TransitionsOrder: 1
  19. },
  20. $ArrowNavigatorOptions: {
  21. $Class: $JssorArrowNavigator$
  22. },
  23. $BulletNavigatorOptions: {
  24. $Class: $JssorBulletNavigator$
  25. },
  26. $ThumbnailNavigatorOptions: {
  27. $Class: $JssorThumbnailNavigator$,
  28. $Cols: 1,
  29. $Align: 0,
  30. $NoDrag: true
  31. }
  32. };
  33. var jssor_2_slider = new $JssorSlider$("jssor_2", jssor_2_options);
  34.  
  35.  
  36. Simpan dan selesai,...
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!