보통 레이어팝업창이나 모달팝업 또는 동영상보기에 주로 사용되는 형태인
전체화면을 어두운배경으로 덥고, 화면 정가운데에 팝업이 뜨는 효과를 게시판에
적용해 보려고 합니다.
현재페이지에서 게시판 메뉴를 누르면 화면전체가 검은배경으로 덮이고 (마스크효과?)
그 위에 팝업형태로 게시판이 보이는 형식으로 구현을 하려면 어떻게 하면 될까요?
팝업창은 주로 사이즈가 고정이 되는데, 반응형 형태의 게시판을 띄우는 방법으로
적용하고 싶습니다.
관련예제나 소스, 키워드를 알려주시면 감사하겠습니다.
답변 3개 / 댓글 1개
채택된 답변
+20 포인트
병원에서일해요
2021-05-25 (화) 11:40:14
답변에 대한 댓글 1개
병원에서일해요
2021-05-25 (화) 11:41:27
병원에서일해요
2021-05-25 (화) 13:18:25
모달창안에 ajax 이용해서 게시판 list를 불러오면 되겠네요
배경 덮는법은 body에 div 추가해놓고 background 깔고 모달을 zindex로 위에 올리면 되고요
2021-05-25 (화) 11:51:30
우선 답변 감사드리고요. 답변해 주신 내용을 보니 제가 질문을 조금 바꿔봐야 할 것 같네요.
1) 일단 게시판을 팝업으로 띄우는 방법
2) 게시판 팝업이 뜰때 전체 화면에 어두운 배경으로 덮는 방법
이렇게 구현해보려고 합니다.
이 효과가 적용된 스킨을 찾는 것도 유용할 수 있겠지만 그보다는 위의 효과를
구현한 페이지 소스를 만들어서 게시판 주소만 바꿔서 적용하며 일반 스킨들을
그 페이지에 불러서 적용하는 형태로 만들어보고 싶습니다.
이것저것 살피다보니 하고 싶은게 참 많네요.^^
답변을 작성하려면 로그인이 필요합니다.
너무 오래된 자료라 적용될지는 모르겠습니다