본문 바로가기
반응형

[대상 스킨 : T스킨BASIC V2 Version 2.3.0 이상]

블로그 글에 대해서 태그에 특정태그를 입력하면 특별한 탬플릿이 적용됩니다. 이전에는 포스트 글의 태그에 [@게시판@]을 입력하면 게시판 탬플릿이 적용되게 구혔었는데요. 이번에는 [@전체화면이미지@]태그로 블로그 글의 상단에 전체화면크기의 랜덤이미지가 적용되게 하였습니다.

구현된 화면

블로그 글의 최상단에 전체화면 이미지가 적용된 탬플릿이 적용됩니다.

작성된 블로그 글에서 모든 이미지를 찾아 지정된 크기(기본크기는 가로 800px)이상의 이미지가 1개라도 있다면 그 이미지들에 대해서 최상단에 랜덤하게 보여줍니다. 만약 그런 이미지가 없다면 무슨일이 있었냐는 듯이 원래의 레이아웃으로 보여줍니다.

적용된 포스트 DEMO

구현방법


구현방법은 블로그 글의 태그에 [@전체화면이미지@]를 입력하면 발동이 됩니다.
간단하죠?? ^^

설정방법

기본 적으로 설정은 굳이 하지 않아도 됩니다. 본문 글에 포함된 이미지 중 가로 크기가 800px이상인 이미지가 랜덤으로 보여질 이미지의 대상이 됩니다. 만약 이 이미지의 가로크기를 변경하고 싶다면 아래와 같이 설정하여 변경 할 수 있습니다.

T스킨에 포함된 uxgjs_initData.js 이 파일을 설정하면 됩니다.

해당 파일에서 backgroundImageWidth의 크기를 변경해 주면 됩니다.

//////////////////////////////////////////////////////////////////
// template_imageFullScreen 설정
var template_imageFullScreen = {
    backgroundImageWidth: 800, // 본문의 이미지 중 가로 크기가 800px이상되는 이미지에 대해서만 랜덤 백그라운드이미지로 사용됨
};
728x90

UX 공작소

고급지게 만들어 저렴하게 배포는 공작소