ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [CSS class] bg_img 추가
    인트로페이지 소식/메뉴얼_확장기능 2014. 12. 26. 02:01

    안녕하세요 인트로페이지입니다.

    최근 live update 기능을 구현한 후, 생긴 하나의 문제가 있었습니다.
    그것은 바로, 백그라운드로 처리하는 이미지에 대한 부분인데요,

    기존의 방법은 해당 기능을 지원하는 템플릿을 사용할 경우,
    콘텐츠 영역에 입력된 이미지 파일 중 첫번째 이미지 파일을 배경으로 사용할 이미지로 인식하고 실제 인트로페이지에서는 출력이 안되도록 Javascript로 변경하는 형태로 개발하였습니다. 그리고 페이지가 로드 될때, 이 기능이 실행되도록 하였었는데요.

    live update의 경우 변경된 콘텐츠 부분을 변경하는 형태를 띄기 때문에, 콘텐츠를 변경했을 경우, 배경으로 삽입했던 이미지 또한 그대로 사용자에게 보여지게 되는 문제가 존재하였습니다.

    이에 대한 해결책으로, 배경이미지용 파일을 업로드 했을 경우, html보기로 해당 파일의 코드에 class='bg_img'를 추가하도록 하는 형태로 변경하였습니다. 이에 대한 코드 속성은 style.css에 기본으로 내장되어 있게 하였는데, 이를 통해 website mode, presentation mode, print mode 에서 배경 이미지는 노출이 안되도록 변경하였습니다.

    비 개발자 입장에서는 조금 어려울 수 있는 부분이긴 한데,
    아래의 영상을 따라 하면, 어렵지 않게 따라 할 수 있으실 것입니다.


    배경 이미지로 삽입한 이미지의 소스 코드 뒤에는

    Class='bg_img'를 붙여주세요. 


    intropage의 소식이 궁금하신 분은

    http://intropage.net 에 이메일을 등록해주세요.

    감사합니다. :)



    댓글

Designed by Tistory.