<style type="text/css">
body {margin:50px 0px; padding:0px; background-color: #000000;color: #ffffff;}
#content {width:620px; margin:0px auto;}
#desc {margin:10px; float:left; font-family: Arial, sans-serif; font-size: 12px;}
</style><!-- include CSS always before including js -->
<link type="text/css" rel="stylesheet" href="skins/tn3/tn3.css"></link>
<!-- include jQuery library -->
<script type="text/javascript" src="../js/Jquery11.min.js"></script>
<!-- include tn3 plugin -->
<script type="text/javascript" src="js/jquery.tn3lite.min.js"></script><!--  initialize the TN3 when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
//Thumbnailer.config.shaderOpacity = 1;
var tn1 = $('.mygallery').tn3({
skinDir:"skins",
imageClick:"fullscreen",
image:{
maxZoom:1.5,
crop:true,
clickEvent:"dblclick",
transitions:[{
type:"blinds"
},{
type:"grid"
},{
type:"grid",
duration:460,
easing:"easeInQuad",
gridX:1,
gridY:8,
// flat, diagonal, circle, random
sort:"random",
sortReverse:false,
diagonalStart:"bl",
// fade, scale
method:"scale",
partDuration:360,
partEasing:"easeOutSine",
partDirection:"left"
}]
}
});
});
</script>
</head>
<body>
<?php
include"../conn/conn.php";
$id=$_GET['ID'];
$sql=mysql_query("select * from tbl_product ");
while($row=mysql_fetch_array($sql))
{
?>
    <div id="content">
    <div class="mygallery">
<div class="tn3 album">
    <ol>
<li>
       
    <a href="<?php echo $row[pic1];?>">
<?php echo "<img src=\"$row[pic1]\"width=\"280\" height=\"160\">"?>
    </a>
</li>
<li>
         <div class="tn3 description"></div>
    <a href="<?php echo $row[pic2];?>">
<?php echo "<img src=\"$row[pic2]\"width=\"280\" height=\"160\">"?>
    </a>
</li>
<li>
   <a href="<?php echo $row[pic3];?>">
<?php echo "<img src=\"$row[pic3]\"width=\"280\" height=\"160\">"?>
    </a>
</li>
<li>
    <a href="<?php echo $row[pic4];?>" >
<?php echo "<img src=\"$row[pic4]\"width=\"280\" height=\"160\">"?>
    </a>
</li>

<li>
    <h4>产品信息</h4>
    <a href="<?php echo $row[pic4];?>">
<?php echo "<img src=\"$row[pic4]\"width=\"280\" height=\"160\">"?>
    </a>
</li>
    </ol>
</div>
    </div>
</div>
<div style="clear:both"></div>
<?php
}
?>
</body>