คำถามติดแท็ก lightbox

ฉันค้นหาโซลูชันประเภท "lightbox" ที่อนุญาตสิ่งนี้ แต่ยังไม่พบโซลูชัน (โปรดแนะนำถ้าคุณรู้ว่ามี) พฤติกรรมที่ฉันพยายามสร้างขึ้นใหม่ก็เหมือนกับสิ่งที่คุณเห็นที่Pinterestเมื่อคลิกที่ภาพ ภาพซ้อนทับสามารถเลื่อนได้ ( เช่นเดียวกับภาพซ้อนทับทั้งหมดเลื่อนขึ้นเหมือนหน้าบนสุดของหน้า ) แต่เนื้อความด้านหลังภาพซ้อนได้รับการแก้ไข ฉันพยายามสร้างสิ่งนี้ด้วย CSS ( เช่นdivภาพซ้อนทับด้านบนของทั้งหน้าและเนื้อหาoverflow: hidden ) แต่มันไม่ได้ป้องกันไม่ให้divเลื่อนได้ วิธีการป้องกันไม่ให้ร่างกาย / หน้าเลื่อน แต่ยังคงเลื่อนภายในภาชนะเต็มหน้าจอ?

446 css  overlay  lightbox 

ฉันพยายามมาสองสามวันแล้วเพื่อกำหนดค่าแกลเลอรีภาพขนาดย่อของฉันเพื่อให้ภาพทั้งหมดมีความสูงและความกว้างเท่ากัน อย่างไรก็ตามเมื่อฉันเปลี่ยนรหัส Css เป็น max-height: 150px; max-width: 200px; width: 120px; height: 120px; ฉันได้ภาพที่มีขนาดเท่ากันทั้งหมด แต่อัตราส่วนกว้างยาวทำให้ภาพเสียหาย ไม่มีวิธีปรับขนาดคอนเทนเนอร์รูปภาพและไม่ใช้รูปภาพแทนหรือไม่ ทำให้ฉันสามารถรักษาอัตราส่วน แต่ปรับขนาดภาพให้นิ่ง (ฉันไม่รังเกียจถ้าฉันตัดภาพบางส่วนออกไป) ขอบคุณล่วงหน้า!

110 html  css  gallery  lightbox