เรื่องของ lightbox.js แสดงรูปขยาย กลางเพจ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา เรื่องของ lightbox.js แสดงรูปขยาย กลางเพจ

เรื่องของ lightbox.js แสดงรูปขยาย กลางเพจ

เรื่องของ lightbox.js แสดงรูปขยาย กลางเพจ เวลาคลิกที่รูปแล้วรูปก็จะขยายที่กลางเพจ โดยไม่เปิดหน้าต่างใหม่

 

ผมจะแก้ให้คำว่า close เอาไปไว้ที่ด้านบนยังไงครับ เพราะบางรูปมันจะใหญ่กว่าจอ ต้องเลื่อนสกอบาร์ลงมาถึงจะมองเห้นปุ่ม close



Mrmayom 222.123.164.xxx 20-02-2010 14:29:54

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1

ปกติ lghtbox ถ้าจะแก้ไขตำแหน่ง ของแต่ละส่วน คงต้องแก้ในไฟล์ .js หรือไฟล์ javascript

ไม่แน่ใจว่ามีความรู้ หรือว่าเคยใช้เกึ่ยวกับ firebug ที่เป็น plugin ของ firefox ที่พอเข้าใจ และเคยใช้งาน ให้ลองเข้าไปปรับดู

แต่ถ้าต้องการวิธีการเลย ให้ลองส่ง url ของลิ้งค์ที่ใช้งานจริงมาให้ จะได้แนะนำวิธีการปรับแต่งให้ เพราะ

lightbox มีหลายเวอร์ชั่นและการพัฒนา บางอันก็ใช้เป็น jqery lightbox หากอธิบายคนละตัวกัน ก็คงไม่มีประโยชน์

ยังไงลองส่งลิ้งที่แสดงตามรูปมาให้จะได้รู้ว่าใช้แต่ไหน

แต่หากต้องการปรับเอง ให้ลองดูที่ไฟล์ js



ninenik 124.122.183.xxx 20-02-2010
 ความคิดเห็นที่ 2

ให้ดาวน์โหลดไฟล์
http://www.ninenik.com/download/lightbox2.04.zip

แตกไฟล์ แล้วนำไฟล์
lightbox.css ไปไว้ในโฟลเดอร์ css ทับไฟล์เดิม
lightbox.js ไปไว้ในโฟลเดอร์ js ทับไฟล์เดิม



ninenik 124.122.247.xxx 20-02-2010
 ความคิดเห็นที่ 3

ตามลิ้งนี้เลยครับท่านอาจารย์ http://www.niyompramool.com/shop/



mrmayom 222.123.164.xxx 22-02-2010 11:43
 ความคิดเห็นที่ 4

 ตอนแรกนึกไม่ออก แต่จำได้คร่าวๆ ว่าเป็นเว็บเกี่ยวกับพรถฯ เลบตอบไปในความคิดเห็นที่ 1

ยังไงลองทำตามความคิดเห็นอันที่ 2 ที่ตอบใหม่ดู เอาไฟล์ที่โหลดไปทับตามตำแหน่งเดิมเลย

 



ninenik 124.120.175.xxx 22-02-2010
 ความคิดเห็นที่ 5

ผมไม่มีความรู้เรื่องนี้เลยครับ อาจารย์ ผมลองทำตาม คำตอบที่ 2 แล้ว ผลก็ยังได้เหมือนเดิม ช่วยดูให้หน่อยนะครับ

หรือจะทำเป็น ขยายขึ้นมาแค่ width=300 ก็พอ ก็ได้นะครับ เพราะตอนนี้มีปัญญาที่ว่า บางรูปที่มีขนาดใหญ่เกิน 1024 px ภาพจะล้นตกขอบจอครับ



mrmayom 117.47.189.xxx 25-02-2010 17:59
 ความคิดเห็นที่ 6

ลองดูขั้นตอนที่ 2 อีกที เพราะถ้าทำตามถูกต้อง ยังไงตำแหน่งก็ต้องเปลี่ยน เพราะโค้ดที่ให้ไป มีการปรับแต่ง

เอาไฟล์ 2 ไฟล์ใน zip ไฟล์ที่โหลด ไปทับ 2ไฟล์เดิมที่มีอยู่



ninenik 124.122.182.xxx 25-02-2010
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ