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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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