// link ก็อปมาจาก index.html ใน example ซึ่งลองวางในโฟลเดอร์เดียวกัน แต่โค้ดของผมไม่ทำงานแสดงภาพเต็มอย่างเดียว <link rel="stylesheet" href="lightbox2/dist/css/lightbox.min.css"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td align="center"> <?php $pd_thumbnail = ""; while ($row_img = dbFetchAssoc($res_img)) { $pd_thumbnail = $row_img['product_thumbnail']; if($pd_thumbnail) { $pd_thumbnail = WEB_ROOT . 'images/product/' . $pd_thumbnail; ?> <img src="<?php echo $pd_thumbnail; ?>" class="img-responsive img-rounded" border="0" alt="<?php echo $pd_name; ?>"> <br/> <?php } } if($pd_thumbnail == "") { $pd_thumbnail = WEB_ROOT . 'images/product/no-image-large.png'; ?> <img src="<?php echo $pd_thumbnail; ?>" class="img-responsive img-rounded" border="0" alt="<?php echo $pd_name; ?>"> โค้ดแสดงภาพก็อปมาจาก index.html ในโฟลเดอร์ example ของ lightbox ครับ <section> <div> <a href="http://lokeshdhakar.com/projects/lightbox2/images/image-1.jpg" data-lightbox="example-1"><img class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-1.jpg" alt="image-1" /></a> </div> </section> <?php } ?> </td> <td width="2%"> <p> </p> </td> <td valign="top" width="50%"> <strong><?php echo $pd_name; ?></strong><br> <hr> <div class="panel panel-default"> <div class="panel-heading">รายละเอียด</div> <div class="panel-body"> <?php echo $pd_description; ?> </div> </div> </td> </table> // ก็อปมาวาง <script src="lightbox2/dist/js/lightbox-plus-jquery.min.js"></script>
<script src="js/lightbox-plus-jquery.min.js"></script>
<!-- jQuery --> <script src="jquery.min.js"></script> <!-- Bootstrap Core JavaScript --> <script src="bootstrap.min.js"></script>
<!-- jQuery <script src="jquery.min.js"></script> // ปิดตัวหลัก --> <script src="js/lightbox-plus-jquery.min.js"></script> //ลองสลับตำแหน่งก็ได้ครับ //ตัว lightbox-plus-jquery ชื่อมันก็บอกแล้วว่าเพิ่ม lightbox เข้าไป ตัวนี้ core ใช้ * jQuery JavaScript Library v2.1.4 <!-- Bootstrap Core JavaScript --> <script src="bootstrap.min.js"></script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง