Skip to main content

Menampilkan Gambar dari Database dengan PHP

Ada banyak cara untuk menampilkan gambar di web, salah satunya yang akan saya bagikan pada teman-teman adalah menampilkan gambar secara thumbnail. Pertama buat database yang digunakan untuk menyimpan data gambar.

Database
CREATE DATABASE `dbtutor` ;

Table
CREATE TABLE `dbtutor`.`gambar` (
`id_gambar` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`nama` VARCHAR( 50 ) NOT NULL ,
`lokasi` VARCHAR( 50 ) NOT NULL ,
`diskripsi` TEXT NOT NULL ,
`link` VARCHAR( 50 ) NOT NULL
)
Mengisi Tabel Gambar
INSERT INTO `dbtutor`.`gambar` (
`id_gambar` ,
`nama` ,
`lokasi` ,
`diskripsi` ,
`link`
)
VALUES (NULL , '', 'images/elephant.jpg', '', ''), 
(NULL , '', 'images/cat.jpg', '', ''),
(NULL , '', 'images/bee.jpg', '', ''),
(NULL , '', 'images/ant.jpg', '', ''),
(NULL , '', 'images/dog.jpg', '', ''),
(NULL , '', 'images/bird.jpg', '', ''),
(NULL , '', 'images/lion.jpg', '', ''),
(NULL , '', 'images/tiger.jpg', '', ''),
(NULL , '', 'images/fish.jpg', '', ''),
(NULL , '', 'images/hourse.jpg', '', ''),
(NULL , '', 'images/mouse.jpg', '', ''),
(NULL , '', 'images/monkey.jpg', '', ''),
(NULL , '', 'images/pig.jpg', '', ''),
(NULL , '', 'images/buffalo.jpg', '', ''),
(NULL , '', 'images/giraffe.jpg', '', ''),
(NULL , '', 'images/camel.jpg', '', ''),
(NULL , '', 'images/butterfly.jpg', '', ''),
(NULL , '', 'images/snake.jpg', '', '');


Script PHP untuk menampilkan gambar
<html>
<head>
<title>Gambar Thumbnail</title>
<style type="text/css">
 .gambar{
  border:1px solid #999;
  margin:3px;
  padding:5px;
 }
 .gambar:hover{
  background-color:#36F;
 }
 .gambar img{
  
 }
</style>
</head>

<body>
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbtutor");
$sql=mysql_query("select * from gambar");

$no=1;
$jum_bar=3;
while ($row=mysql_fetch_array($sql)){
 echo "<a href=$row[link] title='$row[nama]'><img class='gambar' src='$row[lokasi]' width=150px height=150px /></a>";
 if ($no % $jum_bar==0){
  echo "</br>"; 
 }
 $no++;
}
?>
</body>
</html>

Comments

  1. Ijin copy ya.. terima kasih, artikel ini bermanfaat bgt.. :)

    ReplyDelete
  2. Code yang saya cari brooo...thank you ya..

    ReplyDelete
  3. yang mengisi tabel itu maksudnya apa gan?

    ReplyDelete
  4. maksutnya scripr yang 'Mengisi Tabel' itu apa gan?
    Mohon pencerahannya

    ReplyDelete
  5. Itu untuk perintah SQL mengisi data di tabel. Kalo tidak mau pake perintah itu langsung saja isi di phpmyadmin menggunakan wizard.

    ReplyDelete
  6. $row[link] title='$row[nama]'>

    yang link diatasnya mahu diambil dari mana ?

    ReplyDelete

Post a Comment

Silahkan kirimkan komentar atau merequest tutorial...

Popular posts from this blog

Filter Data yang Unik atau Menghilangkan Data yang sama pada Excel 2007

Memfilter data yang unik dan menghilangkan data yang sama (Remove Duplicate) sebenarnya perintah yang sama karena akan sama-sama menghasilkan data yang unik. Perbedaannya kalau kita menggunakan filter data yang sama akan disembunyikan tetapi tidak dihapus, sedangkan Remove Duplicate akan menghapus data yang sama secara permanent. Jadi, sebaiknya anda melakukan filter terlebih dahulu sebelum anda benar-benar menghilangkannya.

Merge dan Split Cell pada Word 2007

Merge Cell 
Merge cell yaitu menggabungkan dua cell atau lebih menjadi satu baris atau satu kolom.
Pilih cell cell yang anda ingin gabungkan.Di bawah Table Tools, di tab Layout, di group Merge, klik Merge Cells.

Format Cell pada Excel 2007

Format Cells adalah adalah kotak dialog yang menangani masalah pengaturan terhadap properti dalam suatu cell. Untuk memunculkan dialog Format Cells klik kanan pada cell atau range yang ingin diformat maka akan muncul tampilan seperti ini: