<!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=utf-8" /> <title>Untitled Document</title> </head> <?php $objOpen = opendir("images/"); while (($file = readdir($objOpen)) !== false){ if(($file !==".") && ($file !=="..")){ $arr_file[] = $file; } } print_r($arr_file); echo "<br/>"; foreach($arr_file as $key=>$data){ if(($key < sizeof($arr_file)-1) && ($key !==0)){ $commas = ","; }else{ $commas = "";} echo "<img src='images/".$data."'>"; echo "<br/>"; } echo $song_id; ?> <body> </body> </html>
<?php $objOpen = opendir("images/"); while (($file = readdir($objOpen)) !== false){ if(($file !==".") && ($file !=="..")){ $arr_file[] = $file; } } print_r($arr_file); echo "<br/>"; foreach($arr_file as $key=>$data){ echo "<img src='images/".$data."'>"; echo "<br/>"; } ?>
<!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=iso-8859-1" /> <title>AJAX Photo Gallery</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="gallery"> <div id="imagearea"> <div id="image"> <a href="javascript:slideShow.nav(-1)" class="imgnav " id="previmg"></a> <a href="javascript:slideShow.nav(1)" class="imgnav " id="nextimg"></a> </div> </div> <div id="thumbwrapper"> <div id="thumbarea"> <ul id="thumbs"> <li value="1"><img src="thumbs/1.jpg" width="179" height="100" alt="" /></li> <li value="2"><img src="thumbs/2.jpg" width="179" height="100" alt="" /></li> <li value="3"><img src="thumbs/3.jpg" width="179" height="100" alt="" /></li> <li value="4"><img src="thumbs/4.jpg" width="179" height="100" alt="" /></li> <li value="5"><img src="thumbs/5.jpg" width="179" height="100" alt="" /></li> </ul> </div> </div> </div> <script type="text/javascript"> var imgid = 'image'; var imgdir = 'fullsize'; var imgext = '.jpg'; var thumbid = 'thumbs'; var auto = true; var autodelay = 5; </script> <script type="text/javascript" src="slide.js"></script> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง