Looping ke samping untuk galery

Looping ke samping untuk galery

1183
5
SHARE

Hmmm… seru yang ini, looping ke samping untuk galery. Yap  bagi anda mungkin looping merupakan hal yang sepele, namun  apa jadinya bila anda diharuskan looping ke samping dengan jumlah kolom tertentu kemudian lanjut kebawahnya bila telah mencapai jumlah kolom?

Bagi beberapa orang mungkin akan kesulitan dalam melakukan hal tersebut. Nah untuk itu saya akan coba membuat turorial tentang cara looping ke samping dengan jumlah kolom tertentu.

Skenarionya kita memiliki data daftar gambar dan judulnya dalam bentuk array, kemudian kita looping ke samping sebanyak 4 kolom, lalu data berikutnya akan dilooping kembali di bawahnya hingga habis. Kira kira gambarannya seperti di bawah ini.

looping ke samping

Untuk membuat looping di atas, kita bisa menggunakan array_chunk(). Berikut ini adalah contoh penulisan kodenya.

Jalankan kode diatas, maka anda akan mendapatkan tampilan seperti gambar di awal kode ini (tentu bila anda memiliki source imagenya.. hehe). Anda bisa mengatur jumlah kolom dengan mengubah variabel $kolom.

Mudah bukan, selamat mencoba. Jangan lupa like dan share ya.. terima kasih 😉

Bagikan artikel ini ya.. terima kasih

5 COMMENTS

  1. Maaf mas mau tanya, untuk pengambilan array dari database contohnya (code) gimana mas?
    misalkan saya ada database foto dengan fieldnya (id_foto, judul, nama_file, dan deskripsi).

    ** nama_file berisi lokasi penyimpanannya

    • ganti baris 10 s/d 23 dengan ini
      // koneksi
      mysql_connect(‘localhost’, ‘root’, ”);
      mysql_select_db(‘harviacode’);

      //query
      $result = mysql_query(“SELECT * FROM foto”);

      //buat array
      $array = array();
      while ($row = mysql_fetch_array($result)) {
      array_push($array, $row);
      }

      ganti baris 34 dengan ini, ganti * dengan tanda kurung buka (nama_file adalah img src nya)
      echo ‘*img src=”‘ . $galery[‘nama_file’] . ‘” />*br>’ . $galery[‘judul’] . ‘*br>’ . $galery[‘deskripsi’];

LEAVE A REPLY