จาก บทความ Banner Slider and Gallery Slider ทำแกลเลอรีแบบเลื่อนไปมาสวย ๆ ด้วย jQuery ทำรูปภาพผมมาไม่เต็มอ่ะครับ

<?
session_start();
 include '../t/user.php';
getheader(หน้าแรก); 
$dblink = connect_db();
$strSQLp = "SELECT * FROM tbl_product where status ='1' ";
$resultsqlp = mysqli_query($dblink, $strSQLp);
?>
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

 <script type="text/javascript">
    $(document).ready(function() {
        $('#gamesHolder').coinslider();
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider({ width: 1000, navigation: false, delay: 4000 });
    });
</script>
<!-- Page Content -->
        <div id="page-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <h1 class="page-header">ยินดีต้อนรับเข้าสู่ร้านขายผักไฮโดรโปรนิกออนไลน์</h1>
                   </div>
                   <div class="col-lg-12">
                        <div id="gamesHolder">
                            <div id="games">

                       
    <?while ($rowsp  = mysqli_fetch_array($resultsqlp)) { ?>
   <!-- Picture 1 -->
   <center>
            <a href="#" target="_blank">
                <img src="../image/<?php echo $rowsp["pro_Imge"];?>"onmouseover="this.stop();" onmouseout="this.start();" />
                
            </a></center>
            <?}?>
    </div>
 </div>                    
                    </div>
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container-fluid -->
        </div>
        <!-- /#page-wrapper -->

    </div>
    <!-- /#wrapper -->
<? getfooter();?>