Download Membuat Slideshow Gallery gambar dengan PHP dan JQuery

Gratis



Aplikasi ini adalah gabungan dari 2 aplikasi yaitu aplikasi jQuery untuk slideshow (amazon_scroller.js) dan aplikasi untuk zoom image (jquery.bigPicture.js).  aplikasi ini bertujuan untuk membantu teman-teman dalam menampilkan gambar dalam bentuk slideshow. dan ketika suatu gambar di klik dalam slideshow tadi, maka aplikasi jQuery Zoom akan memperbesar gambar dalam ukuran gambar yang asli.
Sedangkan data gallerynya di ambil dari sebuah database “test” dan nama tabelnya “tools_gallery


Tabel "tools_gallery"
Script Include JQuery

<!—untuk zoom image–>
<script type=”text/javascript” src=”./js/jquery.js”></script>
<script type=”text/javascript” src=”./js/jquery.bigPicture.js”></script>
<script type=”text/javascript” src=”./js/jquer.bigPicture-min.js”></script>
<script type=”text/javascript” src=”./js/jquery.bigPicture-pack.js”></script>
<script type=”text/javascript” src=”./js/jquery.easing.js”></script>
<link rel=”stylesheet” type=”text/css” href=”css/core.css”/>
<link rel=”stylesheet” type=”text/css” href=”css/skin.css”/>

<!–untuk slideshow–>
<link href=”css/amazon_scroller.css” rel=”stylesheet” type=”text/css”></link>
<script type=”text/javascript” src=”js/amazon_scroller.js”></script>
<script language=”javascript” type=”text/javascript”>
Menyisipkan Syntax Javascript
<script language=”javascript”>
$(‘a.info’).bigPicture({
‘enableInfo’: true,
‘infoPosition’: ‘bottom’
});
</script>
Menampilkan gambar
<div id=”amazon_scroller1″>
<div>
<ul>
<?php
include “./include/conn.php”;
$select=mysql_query(“select * from tools_gallery”);
while($row=mysql_fetch_array($select)){
?><li><a href=”./gallery/<?php echo $row['gambar'];?>” title=”<?php echo $row['keterangan'];?>” name=”gambar”><img src=”./gallery/<?php echo $row['gambar'];?>” width=”60″ height=”60″ title=”Klik photo”/></a></li><?php
}
?>
</ul>
</div>
<ul>
<li></li>
<li></li>
</ul>
<div style=”clear: both”></div>
</div>
Download disini

Pada dasarnya, donasi merupakan pemberian apresiasi bagi pemilik produk dalam upaya meningkatkan dan mengembangkan produk kearah yang lebih baik. Dana donasi sepenuhnya akan digunakan untuk segala kebutuhan pengembangan produk dan biaya lainnya.

Donasi : Rp. 0
Silakan lakukan Donasi/Sumbangan, apabila produk ini, terasa sangat membantu dan bermanfaat untuk anda.

0 Response to "Download Membuat Slideshow Gallery gambar dengan PHP dan JQuery"

Post a Comment