Friday, April 8, 2011

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>

7 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

Silahkan kirimkan komentar atau merequest tutorial...