Top
Home

You need THESE files! See Example HERE

. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ppGallery - jQuery Gallery Plugin</title>
<link href="ppgallery/css/ppgallery.css" rel="stylesheet" type="text/css" />
<link href="ppgallery/css/dark-hive/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script>
<script type="text/javascript" src="ppgallery/js/ppgallery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#gallery').ppGallery();
});
</script>
</head>
<body>
<ul id="gallery">
<li><a href="images/001.jpg"><img class="img" src="images/001.jpg"></a></li>
<li><a href="images/002.jpg"><img class="img" src="images/002.jpg"></a></li>
<li><a href="images/003.jpg"><img class="img" src="images/003.jpg"></a></li>
<li><a href="images/004.jpg"><img class="img" src="images/004.jpg"></a></li>
<li><a href="images/005.jpg"><img class="img" src="images/005.jpg"></a></li>
<li><a href="images/006.jpg"><img class="img" src="images/006.jpg"></a></li>
<li><a href="images/007.jpg"><img class="img" src="images/007.jpg"></a></li>
<li><a href="images/008.jpg"><img class="img" src="images/008.jpg"></a></li>
<li><a href="images/009.jpg"><img class="img" src="images/009.jpg"></a></li>
<li><a href="images/010.jpg"><img class="img" src="images/010.jpg"></a></li>
<li><a href="images/011.jpg"><img class="img" src="images/011.jpg"></a></li>
<li><a href="images/012.jpg"><img class="img" src="images/012.jpg"></a></li>
<li><a href="images/013.jpg"><img class="img" src="images/013.jpg"></a></li>
<li><a href="images/014.jpg"><img class="img" src="images/014.jpg"></a></li>
<li><a href="images/015.jpg"><img class="img" src="images/015.jpg"></a></li>
<li><a href="images/016.jpg"><img class="img" src="images/016.jpg"></a></li>
<li><a href="images/017.jpg"><img class="img" src="images/017.jpg"></a></li>
<li><a href="images/018.jpg"><img class="img" src="images/018.jpg"></a></li>
<li><a href="images/019.jpg"><img class="img" src="images/019.jpg"></a></li>
<li><a href="images/020.jpg"><img class="img" src="images/020.jpg"></a></li>
<li><a href="images/021.jpg"><img class="img" src="images/021.jpg"></a></li>
<li><a href="images/022.jpg"><img class="img" src="images/022.jpg"></a></li>
<li><a href="images/023.jpg"><img class="img" src="images/023.jpg"></a></li>
<li><a href="images/024.jpg"><img class="img" src="images/024.jpg"></a></li>
<li><a href="images/025.jpg"><img class="img" src="images/025.jpg"></a></li>
<li><a href="images/026.jpg"><img class="img" src="images/026.jpg"></a></li>
<li><a href="images/027.jpg"><img class="img" src="images/027.jpg"></a></li>
<li><a href="images/028.jpg"><img class="img" src="images/028.jpg"></a></li>
<li><a href="images/029.jpg"><img class="img" src="images/029.jpg"></a></li>
<li><a href="images/030.jpg"><img class="img" src="images/030.jpg"></a></li>
<li><a href="images/031.jpg"><img class="img" src="images/031.jpg"></a></li>
<li><a href="images/032.jpg"><img class="img" src="images/032.jpg"></a></li>
<li><a href="images/033.jpg"><img class="img" src="images/033.jpg"></a></li>
<li><a href="images/034.jpg"><img class="img" src="images/034.jpg"></a></li>
<li><a href="images/035.jpg"><img class="img" src="images/035.jpg"></a></li>
<li><a href="images/036.jpg"><img class="img" src="images/036.jpg"></a></li>
<li><a href="images/037.jpg"><img class="img" src="images/037.jpg"></a></li>
<li><a href="images/038.jpg"><img class="img" src="images/038.jpg"></a></li>
<li><a href="images/039.jpg"><img class="img" src="images/039.jpg"></a></li>
<li><a href="images/040.jpg"><img class="img" src="images/040.jpg"></a></li>
<li><a href="images/041.jpg"><img class="img" src="images/041.jpg"></a></li>
<li><a href="images/042.jpg"><img class="img" src="images/042.jpg"></a></li>
<li><a href="images/043.jpg"><img class="img" src="images/043.jpg"></a></li>
<li><a href="images/044.jpg"><img class="img" src="images/044.jpg"></a></li>
<li><a href="images/045.jpg"><img class="img" src="images/045.jpg"></a></li>
<li><a href="images/046.jpg"><img class="img" src="images/046.jpg"></a></li>
<li><a href="images/047.jpg"><img class="img" src="images/047.jpg"></a></li>
<li><a href="images/048.jpg"><img class="img" src="images/048.jpg"></a></li>
<li><a href="images/049.jpg"><img class="img" src="images/049.jpg"></a></li>
<li><a href="images/050.jpg"><img class="img" src="images/050.jpg"></a></li>
<li><a href="images/051.jpg"><img class="img" src="images/051.jpg"></a></li>
<li><a href="images/052.jpg"><img class="img" src="images/052.jpg"></a></li>
<li><a href="images/053.jpg"><img class="img" src="images/053.jpg"></a></li>
<li><a href="images/054.jpg"><img class="img" src="images/054.jpg"></a></li>
<li><a href="images/055.jpg"><img class="img" src="images/055.jpg"></a></li>
<li><a href="images/056.jpg"><img class="img" src="images/056.jpg"></a></li>
<li><a href="images/057.jpg"><img class="img" src="images/057.jpg"></a></li>
<li><a href="images/058.jpg"><img class="img" src="images/058.jpg"></a></li>
<li><a href="images/059.jpg"><img class="img" src="images/059.jpg"></a></li>
<li><a href="images/060.jpg"><img class="img" src="images/060.jpg"></a></li>
<li><a href="images/061.jpg"><img class="img" src="images/061.jpg"></a></li>
<li><a href="images/062.jpg"><img class="img" src="images/062.jpg"></a></li>
<li><a href="images/063.jpg"><img class="img" src="images/063.jpg"></a></li>
<li><a href="images/064.jpg"><img class="img" src="images/064.jpg"></a></li>
<li><a href="images/065.jpg"><img class="img" src="images/065.jpg"></a></li>
<li><a href="images/066.jpg"><img class="img" src="images/066.jpg"></a></li>
<li><a href="images/067.jpg"><img class="img" src="images/067.jpg"></a></li>
<li><a href="images/068.jpg"><img class="img" src="images/068.jpg"></a></li> </ul>
<div style="clear:both;"></div>
</body>
</html>