<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>
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>
但是至少你那个include不对
<div style="clear:both"></div>也应该写在大括号外边,你循环一次就清除一次浮动很容易错位