เกมส์
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 168
 ออฟไลน์
กระทู้: 1,658
|
 |
« เมื่อ: 19 ธันวาคม 2011, 10:27:20 » |
|
ขอสอบถามหน่อยครับ ใครมีสคริปPHP ที่ใช้สำหรับจัดการดูรูปภาพจำนวนมาก 500รูป ดูผ่านระบบอินทราเน็ต ที่ใช้งานไม่ยากเกินไป โดยมีปุ่มNext,Backเพื่อดูรูปต่อไปได้ด้วย ขอหน่อยครับ  หรือบอกเป็นแนวทางก็ได้ครับ หรือถ้าใครซื้อมาจะขายต่อก็ได้ครับ ขอบคุณครับ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
tekub
ก๊วนเสียว
พลังน้ำใจ: 24
ออฟไลน์
กระทู้: 324
|
|
« ตอบ #1 เมื่อ: 19 ธันวาคม 2011, 10:35:59 » |
|
ถ้าเป็น php ให้ foreach ไฟล์ ใน folder เก็บรูป มาแสดง แล้วใช้ jquery light box  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
เกมส์
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 168
ออฟไลน์
กระทู้: 1,658
|
|
« ตอบ #2 เมื่อ: 19 ธันวาคม 2011, 10:58:34 » |
|
ถ้าเป็น php ให้ foreach ไฟล์ ใน folder เก็บรูป มาแสดง แล้วใช้ jquery light box งง ท่านพอจะเขียนเป็นตัวอย่างได้ไหมครับ ถ้าไม่ว่าง ไม่เป็นไรครับ light boxเป็นAJAXใช่ไหมครับ ไม่เคยเขียนPHPแบบAJAXเลยอ่ะ เมื่อเขียนเสร็จแล้ว มันจะมีปุ่มNext,Backด้วยใช่ไหมครับ ขอบคุณครับ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
tekub
ก๊วนเสียว
พลังน้ำใจ: 24
ออฟไลน์
กระทู้: 324
|
|
« ตอบ #3 เมื่อ: 19 ธันวาคม 2011, 11:21:55 » |
|
<?php function read_dir($dir, $array = array()){ $dh = opendir($dir); $files = array(); while(($file = readdir($dh)) !== false) { $flag = false; if($file !== '.' && $file !== '..' && !in_array($file, $array)) { $files[] = $file; } } return $files; } $path = 'photo_mini/'; $folder = read_dir($path); foreach($folder as $value){ echo '<img src="'.$path.$value.'" />'; } ?> ต้องทำรูป 2 size นะครับ นี่เป็น code อ่านไฟล์ ทุกไฟล์ใน folder นะครับ แล้วแสดงออกมาเป็นรูปภาพ อ่านเป็นรูปเล็ก พอกดรูปแล้ว ค่อยลิ้งเป็น folder รูปใหญ่ๆ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
เกมส์
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 168
ออฟไลน์
กระทู้: 1,658
|
|
« ตอบ #4 เมื่อ: 19 ธันวาคม 2011, 11:29:59 » |
|
ขอบคุณครับคุณtekub ขอลองหน่อย |
|
|
|
|
บันทึกการเข้า
|
|
|
|
tekub
ก๊วนเสียว
พลังน้ำใจ: 24
ออฟไลน์
กระทู้: 324
|
|
« ตอบ #5 เมื่อ: 19 ธันวาคม 2011, 11:38:44 » |
|
<!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> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script> <script type="text/javascript"> $(function(){ $('#gallery a').lightBox(); }); </script> </head> <body> <div id="gallery"> <?php function read_dir($dir, $array = array()){ $dh = opendir($dir); $files = array(); while(($file = readdir($dh)) !== false) { $flag = false; if($file !== '.' && $file !== '..' && !in_array($file, $array)) { $files[] = $file; } } return $files; } $path = 'photo_small/'; $folder = read_dir($path); foreach($folder as $value){ echo '<a href="photo_big/'.$value.'"><img src="'.$path.$value.'" /></a>'; } ?> </div> </body> </html> ผมว่าคุณไม่เข้าใจแน่เลย เอาไป ทั้งหน้าเลยดีกว่า รูปเล็ก photo_small รูปใหญ่ photo_big ชื่อภาพต้องเหมือนกันนะครับ ไปโหลดเอา plugin ที่ http://leandrovieira.com/proje...ts/jquery/lightbox/#how-to-use |
|
|
|
|
บันทึกการเข้า
|
|
|
|
O.o!!
Verified Seller
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 237
ออฟไลน์
กระทู้: 1,432
|
|
« ตอบ #6 เมื่อ: 19 ธันวาคม 2011, 11:41:00 » |
|
+1 ให้คุณ Tekub ในความตั้งใจที่อธิบาย อิอิ
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
mikeyx
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 271
ออฟไลน์
กระทู้: 4,050
|
|
« ตอบ #7 เมื่อ: 19 ธันวาคม 2011, 11:41:43 » |
|
Loop แสดงทีละ 10 รูปได้มั้ยครับลองแล้ว script แจ่มดี
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
tekub
ก๊วนเสียว
พลังน้ำใจ: 24
ออฟไลน์
กระทู้: 324
|
|
« ตอบ #8 เมื่อ: 19 ธันวาคม 2011, 11:44:10 » |
|
กำลืมอ่านดี รูป 500 รูปเลยหรอครับ งั้นต้องใช้ code ใหม่ ตัวนี้ ใช้กับ จำนวนน้อยหรือไม่น่าจะเกิน 100 น่ะครับ ไม่งั้นเป็นเต่า แน่ๆ
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
เกมส์
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 168
ออฟไลน์
กระทู้: 1,658
|
|
« ตอบ #9 เมื่อ: 19 ธันวาคม 2011, 11:45:03 » |
|
<!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> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script> <script type="text/javascript"> $(function(){ $('#gallery a').lightBox(); }); </script> </head> <body> <div id="gallery"> <?php function read_dir($dir, $array = array()){ $dh = opendir($dir); $files = array(); while(($file = readdir($dh)) !== false) { $flag = false; if($file !== '.' && $file !== '..' && !in_array($file, $array)) { $files[] = $file; } } return $files; } $path = 'photo_small/'; $folder = read_dir($path); foreach($folder as $value){ echo '<a href="photo_big/'.$value.'"><img src="'.$path.$value.'" /></a>'; } ?> </div> </body> </html> ผมว่าคุณไม่เข้าใจแน่เลย เอาไป ทั้งหน้าเลยดีกว่า รูปเล็ก photo_small รูปใหญ่ photo_big ชื่อภาพต้องเหมือนกันนะครับ ไปโหลดเอา plugin ที่ http://leandrovieira.com/proje...ts/jquery/lightbox/#how-to-use ใช่ครับ ยังงง ว่าจะทำอย่างไรต่อไป จะทำลิ๊งค์ไปภาพใหญ่อย่างไร และเก็บแบบไหน  ผมลองแล้วมันขึ้นแบบนี้ครับ  คือจะเอารูปกีฬาสี2554และสาวงามเชียร์ลีดเดอร์ของพนักงาน ลงอินทราเน็ตให้พนักงานสาวๆดูครับ เดี๋ยวตามไปโหลดก่อน แล้วลองเลย น้ำใจงามจริงๆ ขอบคุณมากครับ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
mikeyx
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 271
ออฟไลน์
กระทู้: 4,050
|
|
« ตอบ #10 เมื่อ: 19 ธันวาคม 2011, 11:49:09 » |
|
ใช้ timthumb.php ก้ได้ครับของ google <img src="timthumb.php?src="'.$path.$value.'"&w=216&h=100&zc=1"/> http://code.google.com/p/timthumb/ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
เกมส์
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 168
ออฟไลน์
กระทู้: 1,658
|
|
« ตอบ #11 เมื่อ: 19 ธันวาคม 2011, 12:01:58 » |
|
ทำได้แล้วครับ  คลิกรูปเล็ก กลายเป็นรูปใหญ่ เหลือแต่ผูก jquery-lightboxเข้ามาที่สคริปอ่ะ กำลังงม..อิๆ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
toneeja
สมุนแก๊งเสียว
พลังน้ำใจ: 33
ออฟไลน์
กระทู้: 606
|
|
« ตอบ #12 เมื่อ: 19 ธันวาคม 2011, 12:07:29 » |
|
เข้ามาเก็บควงามรู้ครับ
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
tekub
ก๊วนเสียว
พลังน้ำใจ: 24
ออฟไลน์
กระทู้: 324
|
|
« ตอบ #13 เมื่อ: 19 ธันวาคม 2011, 12:13:27 » |
|
<!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> <body> <div id="gallery"> <?php function read_dir($dir, $array = array()){ $dh = opendir($dir); $files = array(); $i = 0; while(($file = readdir($dh)) !== false) { if($file !== '.' && $file !== '..' && !in_array($file, $array)) { $files[$i] = $file; $i++; } } return $files; } $host = ' http://www .ชื่อเว็บ.com/ไฟล์.php'; $path = 'photo/'; $folder = read_dir($path); if($folder[$_GET['id']]){ echo '<img src="'.$path.$folder[$_GET['id']].'" />'; }else{ echo '<img src="'.$path.$folder[0].'" />'; } ?> </div> <?php if($_GET['id'] != 0){ ?> <a href="<?php echo $host.'?id='.($_GET['id']-1); ?>"><- Back</a> <?php } if((count($folder)-1) > $_GET['id']){ ?> <a href="<?php echo $host.'?id='.($_GET['id']+1); ?>">Next -></a> <?php } ?> </body> </html> อันนี้ เป็นการอ่านรูปผ่าน php ล้วนๆ ครับ แก้ $host กับ $path ก็เสร็จแล้ว ไม่ต้องทำรูปเล็กด้วยครับ |
|
|
|
« แก้ไขครั้งสุดท้าย: 19 ธันวาคม 2011, 12:41:08 โดย tekub »
|
บันทึกการเข้า
|
|
|
|
tekub
ก๊วนเสียว
พลังน้ำใจ: 24
ออฟไลน์
กระทู้: 324
|
|
« ตอบ #14 เมื่อ: 19 ธันวาคม 2011, 12:19:12 » |
|
ทำได้แล้วครับ คลิกรูปเล็ก กลายเป็นรูปใหญ่ เหลือแต่ผูก jquery-lightboxเข้ามาที่สคริปอ่ะ กำลังงม..อิๆ ถ้าเอา jquery เข้ามาได้แล้ว มันจะคล้ายๆ กับ ใน facebook เลยครับ กดรูปแล้วจะไม่เปลี่ยนหน้านะ รูปจะขึ้นมาตรงกลางเลย แล้วก็มีปุ่มให้ซ้ายขวา |
|
|
|
|
บันทึกการเข้า
|
|
|
|
เกมส์
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 168
ออฟไลน์
กระทู้: 1,658
|
|
« ตอบ #15 เมื่อ: 19 ธันวาคม 2011, 12:28:43 » |
|
<!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> <body> <div id="gallery"> <?php function read_dir($dir, $array = array()){ $dh = opendir($dir); $files = array(); $i = 0; while(($file = readdir($dh)) !== false) { if($file !== '.' && $file !== '..' && !in_array($file, $array)) { $files[$i] = $file; $i++; } } return $files; } $host = ' http://www .ชื่อเว็บ.com/ชื่อไฟล์.php'; $path = 'programs/'; $folder = read_dir($path); if($folder[$_GET['id']]){ echo '<img src="'.$path.$folder[$_POST['id']].'" />'; //echo $folder[$_GET['id']].'<br>'; } ?> </div> <?php if($_GET['id'] != 0){ ?> <a href="<?php echo $host.'?id='.($_GET['id']-1); ?>"><- Back</a> <?php } if((count($folder)-1) > $_GET['id']){ ?> <a href="<?php echo $host.'?id='.($_GET['id']+1); ?>">Next -></a> <?php } ?> </body> </html> อันนี้ เป็นการอ่านรูปผ่าน php ล้วนๆ ครับ แก้ $host กับ $path ก็เสร็จแล้ว ไม่ต้องทำรูปเล็กด้วยครับ ยังอยู่ไหมครับคุณtekubขอถามหน่อยครับ Hostกับpathคับ $host = ' http://localhost/0605/pic4.php'; อันนี้คือใส่แบบนี้ใช่ไหมครับ $path = 'photo_big/'; อันนี้คือโฟลเดอร์ที่เก็บรูปใช่ไหมครับ โดยระบบจะย่อรูปให้เองใช่ไหมครับ ผมลองแล้วรูปไม่ขึ้นครับ ขึ้นแต่ Next , Back ครับ ต้องแก้ตรงไหนเพิ่มเติมหรือเปล่าครับ ขอบคุณครับ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
tekub
ก๊วนเสียว
พลังน้ำใจ: 24
ออฟไลน์
กระทู้: 324
|
|
« ตอบ #16 เมื่อ: 19 ธันวาคม 2011, 12:43:42 » |
|
<!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> <body> <div id="gallery"> <?php function read_dir($dir, $array = array()){ $dh = opendir($dir); $files = array(); $i = 0; while(($file = readdir($dh)) !== false) { if($file !== '.' && $file !== '..' && !in_array($file, $array)) { $files[$i] = $file; $i++; } } return $files; } $host = ' http://www .ชื่อเว็บ.com/ชื่อไฟล์.php'; $path = 'programs/'; $folder = read_dir($path); if($folder[$_GET['id']]){ echo '<img src="'.$path.$folder[$_POST['id']].'" />'; //echo $folder[$_GET['id']].'<br>'; } ?> </div> <?php if($_GET['id'] != 0){ ?> <a href="<?php echo $host.'?id='.($_GET['id']-1); ?>"><- Back</a> <?php } if((count($folder)-1) > $_GET['id']){ ?> <a href="<?php echo $host.'?id='.($_GET['id']+1); ?>">Next -></a> <?php } ?> </body> </html> อันนี้ เป็นการอ่านรูปผ่าน php ล้วนๆ ครับ แก้ $host กับ $path ก็เสร็จแล้ว ไม่ต้องทำรูปเล็กด้วยครับ ยังอยู่ไหมครับคุณtekubขอถามหน่อยครับ Hostกับpathคับ $host = ' http://localhost/0605/pic4.php'; อันนี้คือใส่แบบนี้ใช่ไหมครับ $path = 'photo_big/'; อันนี้คือโฟลเดอร์ที่เก็บรูปใช่ไหมครับ โดยระบบจะย่อรูปให้เองใช่ไหมครับ ผมลองแล้วรูปไม่ขึ้นครับ ขึ้นแต่ Next , Back ครับ ต้องแก้ตรงไหนเพิ่มเติมหรือเปล่าครับ ขอบคุณครับ <!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> <body> <div id="gallery"> <?php function read_dir($dir, $array = array()){ $dh = opendir($dir); $files = array(); $i = 0; while(($file = readdir($dh)) !== false) { if($file !== '.' && $file !== '..' && !in_array($file, $array)) { $files[$i] = $file; $i++; } } return $files; } $host = ' http://www.ragnarokconfig.com/read.php'; $path = 'photo/'; $folder = read_dir($path); if($folder[$_GET['id']]){ echo '<img src="'.$path.$folder[$_GET['id']].'" />'; }else{ echo '<img src="'.$path.$folder[0].'" />'; } ?> </div> <?php if($_GET['id'] != 0){ ?> <a href="<?php echo $host.'?id='.($_GET['id']-1); ?>"><- Back</a> <?php } if((count($folder)-1) > $_GET['id']){ ?> <a href="<?php echo $host.'?id='.($_GET['id']+1); ?>">Next -></a> <?php } ?> </body> </html> แก้แล้วครับ รีบไปหน่อย ผิดตรง $_GET $POST พอดีพิมใน dream มันใส่เอง เลย ลืมเช็ค |
|
|
|
|
บันทึกการเข้า
|
|
|
|
เฮียบิว
Verified Seller
สมุนแก๊งเสียว
พลังน้ำใจ: 34
ออฟไลน์
กระทู้: 600
|
|
« ตอบ #17 เมื่อ: 19 ธันวาคม 2011, 13:09:14 » |
|
+1 tekub มีน้ำใจมากครับ  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
|
ความรู้ทั่วไป
