Pioner Media Computer: Menampilkan Gambar yang Banyak dari Database dengan PHP

Jumat, 25 Januari 2013

Menampilkan Gambar yang Banyak 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>

Refrensi:

http://ilkomtutorial.blogspot.com

2 komentar:

EJFA16 September 2015 pukul 02.31
Nice article Jasa Website Palembang
BalasHapus
Balasan
Boxpai.net4 Januari 2019 pukul 18.35
jadi puyeng liat kode2
www.boxpai.net
BalasHapus
Balasan

Tambahkan komentar

Komentar yang Baik dan Sopan yah temen!!!....