[Javascript + layer] อยากทราบว่า แบบนี้เรียกว่ายังไงครับ

[pugkung]

คือพอเราคลิปที่รูปแล้วมันจะเป็น Layer ใหม่ขึ้นมา แล้วก็ ข้างหลังจะเป็นสีเทาหรือดำจาง ๆ อะครับ

แบบนี้เรียกว่ายังไงครับ แล้วก็ หา Code ได้ที่ไหนครับ ขอลิงค์ไปศึกษาก็ได้ครับ ขอบคุณครับ 

[ball6847]

เป็นแนว ajax แล้วมั้งครับ คงไม่ได้แค่ javascript ทำมะดาแล้วหล่ะ

ลองศึกษา CSS จากลิ้งค์ดูครับ

http://www.w3schools.com/Css/css_positioning.asp
http://www.w3schools.com/Css/css_image_transparency.asp

หลักการคือ เรามี <div> เปล่าๆ ไว้รองรับข้อมูลจาก ajax แต่เราซ่อนไว้ด้วย display:none แล้วจะแสดงเมื่อได้รับข้อมูลจาก ajax (แล้วจะกลับมาปิดเหมือนเดิม) อันนี้เป็นหลักๆ ajax อยู่แล้ว

แต่ว่าตรงนี้ที่สำคัญคือ CSS ครับ
ใช้
position:fixed;   /* เพื่อให้ตำแหน่งของ element อ้างอิงจาก window */
top:0;              /* เพื่อใช้เลื่อนตำแหน่งของ element ต้องใช้ร่วมกับ position */
left:0;              /* เพื่อใช้เลื่อนตำแหน่งของ element ต้องใช้ร่วมกับ position */
                       /* ยังมี bottom และก็ right อีก แล้วแต่เราจะจัดตะแหน่ง */
z-index: 1;        /* เพื่อให้ element นี้ ทับ element อื่นๆไปเลย */
                       /* ที่เหลือก็พวก background-color; width; height;  */
opacity:0.4;       /* opacity และ filter:alpha() เพื่อเช็ตค่าความจาง หรือ transparency */
filter:alpha(opacity=40)";    /* ลองดูตัวอย่างจากลิ้งค์ข้างบน */

หลักๆมีเท่านี้แหละครับ

[Manson]

อ๋อ เปนแบบนี้นี่เอง  คุณบอล เก่ง จางคัรบ สุดยอดๆ 

[asshur]

lightbox หรือเปล่าครับ

โค้ด เลือก ขยาย

http://www.huddletogether.com/projects/lightbox2/

มีอีกหลายตัวน่าสนใจ

โค้ด เลือก ขยาย

http://www.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/

[ball6847]

lightbox หรือเปล่าครับ

โค้ด เลือก ขยาย

http://www.huddletogether.com/projects/lightbox2/

มีอีกหลายตัวน่าสนใจ

โค้ด เลือก ขยาย

http://www.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshows-lightboxes/

โห สุดยอดเลยครับ แหล่มมากๆ