Home
Saya sebelumnya sudah tulis artikel bagaimana Cara upload gambar dengan php dan menyimpan kedalam database mysql, kali ini akan saya lanjutkan bagaimana cara menampilkan gambar dari database mysql dengan php. Cara yang saya gunakan cukup sederhana, saya kembangkan dari kode membuat
laporan dengan php biasa. Saya yakin anda akan mudah memahami dan
dapat mengembangkannya sesuai keperluan. Hasilnya mungkin akan mendekati
cara membuat galleri photo dengan php. Silahkan simak artikel berikut.
Caranya sangat mudah, sama seperti layaknya kita membuat laporan dengan php. Ini saya kembangkan dari kode membuat laporan pada artikel cara membuat laporan sederhana dengan php, mari kita lihat berikut :
Kode dibawah bisa anda simpan dengan nama galleri.php
<?php
//Masukkan koneksi database disini
$datatamu = mysql_query("select judul_gambar,nama_file from tb_gambar order by judul_gambar asc;") or die("Gagal :".mysql_error());
echo '<table width="400" align="center" border="1">';
echo '<tr>';
echo '<th>Judul Gambar</th>';
echo '<th>Gambar</th>';
echo '</tr>';
while ($rec=mysql_fetch_object($datatamu))
{
echo '<tr>';
echo '<td>'.$rec->judul_gambar.'</td>';
echo '<td>';
//ini bagian memanggil file gambar
echo '<img src="'.$rec->nama_file.'" alt="'.$rec->judul_gambar.'" title="'.$rec->judul_gambar.'" width="100" />';
echo '</td>';
echo '</tr>';
}
echo '</table>';
mysql_close();//tutup koneksi database
?>
|
Untuk koneksi database, anda bisa baca artikel saya tentang membuat koneksi database mysql dengan php.
Dengan sedikit perubahan kode dari model laporan yang hanya menampilkan tulisan,
sekarang diubah menjadi menampilkan gambar. Format menampilkan gambar
bisa bervariasi tergantung keperluan, contoh diatas menggunakan tabel
html biasa. Kalo sudah faham cara kerjanya untuk kode diatas, sekarang saya
kembangkan dengan memadukan model lebih modern yaitu pakai css. Anda
bisa simpan dengan nama file berbeda misal galleri-baru.php.
<style type="text-css">
#gallery { witdh:500px; margin: 0 auto; }
#gallery .kotak { float:left; width:240px; text-align:center; }
#gallery .judul { padding:5px;font-size:15px; }
#gallery img { border:5px solid #fff; width:230px;}
</style>
<?php
//Masukkan koneksi database disini
$datatamu = mysql_query("select judul_gambar,nama_file from tb_gambar order by judul_gambar asc;") or die("Gagal :".mysql_error());
echo '<div id="gallery">';
while ($rec=mysql_fetch_object($datatamu))
{
echo '<div class="kotak">';
echo '<p class="judul">'.$rec->judul_gambar.'</p>';
echo '<img src="'.$rec->nama_file.'" alt="'.$rec->judul_gambar.'" title="'.$rec->judul_gambar.'" width="100" />';
echo '</div>';
}
echo '</div>';
mysql_close();//tutup koneksi database
?>
|
Cara kerja sama, hanya cara menuliskan hasil berbeda. Kode model kedua ini lebih sederhana dan jauh lebih optimal. Silahkan mencoba.
Semoga bermanfaat. Jika ada pertanyaan atau koreksi, jangan sungkan mengisi komentar. Dan jika ini berguna untuk anda silahkan dishare ke teman2 anda.
Tidak ada komentar:
Posting Komentar