전체 검은배경 깔리는 팝업창 형태로 게시판을 적용하려면?
본문
보통 레이어팝업창이나 모달팝업 또는 동영상보기에 주로 사용되는 형태인
전체화면을 어두운배경으로 덥고, 화면 정가운데에 팝업이 뜨는 효과를 게시판에
적용해 보려고 합니다.
현재페이지에서 게시판 메뉴를 누르면 화면전체가 검은배경으로 덮이고 (마스크효과?)
그 위에 팝업형태로 게시판이 보이는 형식으로 구현을 하려면 어떻게 하면 될까요?
팝업창은 주로 사이즈가 고정이 되는데, 반응형 형태의 게시판을 띄우는 방법으로
적용하고 싶습니다.
관련예제나 소스, 키워드를 알려주시면 감사하겠습니다.
답변 3
참고하셔서 수정하시면 도움될거같네요
https://sir.kr/g5_skin/9410?sca=%EA%B0%A4%EB%9F%AC%EB%A6%AC&page=13
너무 오래된 자료라 적용될지는 모르겠습니다
우선 답변 감사드리고요. 답변해 주신 내용을 보니 제가 질문을 조금 바꿔봐야 할 것 같네요.
1) 일단 게시판을 팝업으로 띄우는 방법
2) 게시판 팝업이 뜰때 전체 화면에 어두운 배경으로 덮는 방법
이렇게 구현해보려고 합니다.
이 효과가 적용된 스킨을 찾는 것도 유용할 수 있겠지만 그보다는 위의 효과를
구현한 페이지 소스를 만들어서 게시판 주소만 바꿔서 적용하며 일반 스킨들을
그 페이지에 불러서 적용하는 형태로 만들어보고 싶습니다.
이것저것 살피다보니 하고 싶은게 참 많네요.^^
모달창안에 ajax 이용해서 게시판 list를 불러오면 되겠네요
배경 덮는법은 body에 div 추가해놓고 background 깔고 모달을 zindex로 위에 올리면 되고요
답변을 작성하시기 전에 로그인 해주세요.