Menampilkan dari Database dengan PHP

Menampilkan dari Database dengan PHP

Menampilkan 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>
Sumber : https://downloadapk.co.id/