Cara Membuat Galery Foto Dengan PHP MySQL - Selamat datang kembali di blog belajar sourcecodeapplication, pada kesempatan ini saya akan mencoba untuk membahas bagaimana cara menampilkan foto dengan menggunakan bahasa pemrograman php, bagi anda yang sudah membutuhkan script phpnya silahkan simak dibawah ini.
Sebelumnya pastikan anda sudah membuat database MySQL nya. selanjutnya anda bisa mengcopy script untuk membuat galery Foto.
<!DOCTYPE html>
<html>
<?php include('header.php'); ?>
<body class="">
<!-- WRAPPER -->
<div id="wrapper">
<!-- HEADER -->
<div id="header">
<!-- Social -->
<?php include('holder.php'); ?>
<!-- ENDS Social -->
<!-- Navigation -->
<ul id="nav" class="sf-menu">
<li><a href="index.php"><i class="icon-home"></i>HOME</a></li>
<li><a href="aboutus.php"><i class="icon-info-sign"></i>ABOUT US</a></li>
<li><a href="member.php"><i class="icon-group"></i>MEMBER</a></li>
<li class="current-menu-item"><a href="gallery.php"><i class="icon-picture"></i>GALLERY</a></li>
<li><a href="activities.php"><i class="icon-calendar"></i>ACTIVITIES</a></li>
<li><a href="contacts.php"><i class="icon-tablet"></i>CONTACTS</a></li>
<li><a href="admin.php"><i class="icon-user"></i>ADMIN</a></li>
</ul>
<!-- Navigation -->
<!-- search -->
<?php include('search_content.php'); ?>
<!-- ENDS search -->
</div>
<!-- ENDS HEADER -->
<!-- MAIN -->
<div id="main">
<!-- content -->
<div id="content">
<!-- title -->
<div id="page-title">
<span class="title">The Gallery</span>
<span class="subtitle">PSITS Photos</span>
</div>
<!-- ENDS title -->
<!-- gallery-->
<ul id="portfolio-list" class="gallery">
<?php $teph_query=mysql_query("select * from photo") or die(mysql_error());
while ($row=mysql_fetch_array($teph_query)){ ?>
<li class="pink"><a href="<?php echo $row['location']; ?>" rel="group1" class="fancybox" title=""><img width="204" height="148" src="<?php echo $row['location']; ?>" alt="Pic"></a></li>
<?php } ?>
</ul>
<!-- ENDS gallery -->
<!-- pagination -->
<!-- ENDS pagination -->
</div>
<!-- ENDS content -->
</div>
<!-- ENDS MAIN -->
<!-- FOOTER -->
<?php include('footer.php'); ?>
<!-- ENDS FOOTER -->
</div>
<!-- ENDS WRAPPER -->
</body>
</html>
<html>
<?php include('header.php'); ?>
<body class="">
<!-- WRAPPER -->
<div id="wrapper">
<!-- HEADER -->
<div id="header">
<!-- Social -->
<?php include('holder.php'); ?>
<!-- ENDS Social -->
<!-- Navigation -->
<ul id="nav" class="sf-menu">
<li><a href="index.php"><i class="icon-home"></i>HOME</a></li>
<li><a href="aboutus.php"><i class="icon-info-sign"></i>ABOUT US</a></li>
<li><a href="member.php"><i class="icon-group"></i>MEMBER</a></li>
<li class="current-menu-item"><a href="gallery.php"><i class="icon-picture"></i>GALLERY</a></li>
<li><a href="activities.php"><i class="icon-calendar"></i>ACTIVITIES</a></li>
<li><a href="contacts.php"><i class="icon-tablet"></i>CONTACTS</a></li>
<li><a href="admin.php"><i class="icon-user"></i>ADMIN</a></li>
</ul>
<!-- Navigation -->
<!-- search -->
<?php include('search_content.php'); ?>
<!-- ENDS search -->
</div>
<!-- ENDS HEADER -->
<!-- MAIN -->
<div id="main">
<!-- content -->
<div id="content">
<!-- title -->
<div id="page-title">
<span class="title">The Gallery</span>
<span class="subtitle">PSITS Photos</span>
</div>
<!-- ENDS title -->
<!-- gallery-->
<ul id="portfolio-list" class="gallery">
<?php $teph_query=mysql_query("select * from photo") or die(mysql_error());
while ($row=mysql_fetch_array($teph_query)){ ?>
<li class="pink"><a href="<?php echo $row['location']; ?>" rel="group1" class="fancybox" title=""><img width="204" height="148" src="<?php echo $row['location']; ?>" alt="Pic"></a></li>
<?php } ?>
</ul>
<!-- ENDS gallery -->
<!-- pagination -->
<!-- ENDS pagination -->
</div>
<!-- ENDS content -->
</div>
<!-- ENDS MAIN -->
<!-- FOOTER -->
<?php include('footer.php'); ?>
<!-- ENDS FOOTER -->
</div>
<!-- ENDS WRAPPER -->
</body>
</html>
Simpan kemudian untuk melihat hasilnya silahkan gunakan webbrowser anda seperti Mozil Firefox dan Google Croome, sehingga hasilnya akan nampak seperti gambar berikutini
Demikian semoga bisa bermanfaat ....
0 Comments