div에 라이트 박스를 넣을 수 있습니까?

Question

Lightbox를 전체 화면을 덮는 대신 div 안에 열 수 있습니까?

내 코드는 말 :

<div> 
<a href="#"><img src="image2.jpg" alt="image" /></a> 
<a href="#"><img src="image3.jpg" alt="image" /></a> 
<a href="#"><img src="image4.jpg" alt="image" /></a> 
<a href="#"><img src="image4.jpg" alt="image" /></a> 
</div> 

그 이미지를 라이트 박스에 열을 클릭합니다.

Answer 1

귀하의 게시물의 의견에 언급 된대로 귀하가 Galleria를 사용하고있다면.

아쉽게도 OOTB (기본 제공)가 제공되지 않으므로 div에 빈 #Galleria DIV를 추가하여 라이브러리를 사용자 정의해야합니다. 그런 다음 JSON을 사용하여 갤러리 데이터를로드하고 데이터가 준비되면 galleria를 호출하고 JSON을 dataSource로 적용합니다.

간단한 대안으로 CSS에서 위, 아래, 등을 지정할 수 있습니다. 이렇게하면 div가 치수를 표시하는 위치를 제어 할 수 있으므로 중요한 것으로 표시하는 것을 잊지 마십시오.

body .galleria-container.fullscreen{ 
    top:125px!important; 
    bottom:50px!important; 
    height:auto!important; 
}