<div id="photos" class="galleryview" align="left"> <div class="panel"> <img src="img/01.jpg" /> <div class="panel-overlay"> <h2>Effet du soleil sur le paysage</h2> <p>Photo by <a href="http://www.sxc.hu/profile/tomharry" target="_blank">tomharry</a>. View full-size photo <a href="http://www.sxc.hu/photo/158829" target="_blank">here</a>.</p> </div> </div> <div class="panel"> <img src="img/02.jpg" /> <div class="panel-overlay"> <h2>Eden</h2> <p>Photo by <a href="http://www.sxc.hu/profile/emsago" target="_blank">emsago</a>. View full-size photo <a href="http://www.sxc.hu/photo/152865" target="_blank">here</a>.</p> </div> </div> <div class="panel"> <img src="img/03.jpg" /> <div class="panel-overlay"> <h2>Snail on the Corn</h2> <p>Photo by <a href="http://www.sxc.hu/profile/baines" target="_blank">baines</a>. View full-size photo <a href="http://www.sxc.hu/photo/34453" target="_blank">here</a>.</p> </div> </div> <div class="panel"> <img src="img/04.jpg" /> <div class="panel-overlay"> <h2>Flowers</h2> <p>Photo by <a href="http://www.sxc.hu/profile/jazza" target="_blank">jazza</a>. View full-size photo <a href="http://www.sxc.hu/photo/990169" target="_blank">here</a>.</p> </div> </div> <div class="panel"> <img src="img/06.jpg" /> <div class="panel-overlay"> <h2>Alone Beach 2B</h2> <p>Photo by <a href="http://www.sxc.hu/profile/sgursozlu" target="_blank">sgursozlu</a>. View full-size photo <a href="http://www.sxc.hu/photo/738279" target="_blank">here</a>.</p> </div> </div> <div class="panel"> <img src="img/05.jpg" /> <div class="panel-overlay"> <h2>Sunrise Trees</h2> <p>Photo by <a href="http://www.sxc.hu/profile/a_glitch" target="_blank">a_glitch</a>. View full-size photo <a href="http://www.sxc.hu/photo/289581" target="_blank">here</a>.</p> </div> </div> <div class="panel"> <img src="img/07.jpg" /> <div class="panel-overlay"> <h2>Waterfall</h2> <p>Photo by <a href="http://www.sxc.hu/profile/thesaint" target="_blank">thesaint</a>. View full-size photo <a href="http://www.sxc.hu/photo/174331" target="_blank">here</a>.</p> </div> </div> <div class="panel"> <img src="img/08.jpg" /> <div class="panel-overlay"> <h2>Death Valley</h2> <p>Photo by <a href="http://www.sxc.hu/profile/djkmart" target="_blank">djkmart</a>. View full-size photo <a href="http://www.sxc.hu/photo/270109" target="_blank">here</a>.</p> </div> </div> <ul class="filmstrip"> <li><img src="img/frame-01.jpg" alt="Effet du soleil" title="Effet du soleil" /></li> <li><img src="img/frame-02.jpg" alt="Eden" title="Eden" /></li> <li><img src="img/frame-03.jpg" alt="Snail on the Corn" title="Snail on the Corn" /></li> <li><img src="img/frame-04.jpg" alt="Flowers" title="Flowers" /></li> <li><img src="img/frame-06.jpg" alt="Alone Beach" title="Alone Beach" /></li> <li><img src="img/frame-05.jpg" alt="Sunrise Trees" title="Sunrise Trees" /></li> <li><img src="img/frame-07.jpg" alt="Waterfall" title="Waterfall" /></li> <li><img src="img/frame-08.jpg" alt="Death Valley" title="Death Valley" /></li> </ul> </div>
<!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=windows-874" /> <title>Untitled Document</title> <link type="text/css" rel="stylesheet" href="js/style.css" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/jquery.galleryview-1.1.js"></script> <script type="text/javascript" src="js/jquery.timers-1.1.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#photos').galleryView({ panel_width: 1000, panel_height: 400, frame_width: 100, frame_height: 100 }); }); </script> </head> <body><center> <? include('config/config.inc.php'); $sql = "select * from priview order by id"; $result = mysql_query($sql,$dbcon) or die (mysql_error()); $array = mysql_fetch_assoc($result); $row = mysql_num_rows($result); ?> <div id="photos" class="galleryview" align="left"> <? while($array = mysql_fetch_assoc($result)){?> <div class="panel"> <img src="img/<?=$array['image']?>" /> <div class="panel-overlay"> <h2>Effet du soleil sur le paysage</h2> <p>Photo by <a href="http://www.sxc.hu/profile/tomharry" target="_blank">tomharry</a>. View full-size photo <a href="http://www.sxc.hu/photo/158829" target="_blank">here</a>.</p> </div> </div> <? } mysql_close($dbcon);?> <ul class="filmstrip"> <? include('config/config.inc.php'); $sql = "select * from priview order by id"; $result = mysql_query($sql,$dbcon) or die (mysql_error()); while($array = mysql_fetch_assoc($result)){?> <li><img src="img/<?=$array['image']?>" width="100" height="100" alt="Effet du soleil" title="Effet du soleil" /></li> <? } mysql_close($dbcon);?> </ul> </div></center> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
