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>
Ijin copy ya.. terima kasih, artikel ini bermanfaat bgt.. :)
ReplyDeleteCode yang saya cari brooo...thank you ya..
ReplyDeleteyang mengisi tabel itu maksudnya apa gan?
ReplyDeletemaksutnya scripr yang 'Mengisi Tabel' itu apa gan?
ReplyDeleteMohon pencerahannya
Itu untuk perintah SQL mengisi data di tabel. Kalo tidak mau pake perintah itu langsung saja isi di phpmyadmin menggunakan wizard.
ReplyDelete$row[link] title='$row[nama]'>
ReplyDeleteyang link diatasnya mahu diambil dari mana ?
Link adalah field dari database.
ReplyDeleteterimakasih infonya.
ReplyDeleteMy blog
My Campus
halo bang
ReplyDeletehalo juga bang
Delete