RX/XE 기능개발 내역 - sejin7940_fix_image
RX/XE 기능개발 내역
의뢰 전에 실제 구현가부가 걱정되시는 경우
또는 XE로 이런게 구현가능한지 의구심이 드는 경우들을 위해
실제로 XE 기반으로 제작한 기능들을 간단히 소개합니다.

단, 기재한 모든 기능들은 전부 의뢰자들의 요청에 의해 제작된 유료자료들입니다.
( 타사이트들처럼 템플렛형태로 다량 판매 자료로 만들어진 자료들이 아닙니다. )

따라서 가격대가 저가는 아님을 미리 알려드립니다. ( 기존 의뢰자와의 형평성을 감안해 비용측정됩니다)
구매 및 제작 원하시면 XE 제작의뢰 게시판에 글을 남겨주시면 됩니다.

[sejin7940_fix_image] 레이아웃 틀을 깨고 사진 원본크기 유지 & 사진 중앙정렬 기능

sejin7940 조회:2476 2012.06.08 10:02

사진 커뮤니티 사이트들을 만들어보면..

이 분들은, 사진이 리사이징 되는 것을 굉장히 싫어하신다.

화질이 떨어지는 것도 싫고, 자신들이 찍을 때 생각했던 구도나 느낌등이 변형되는게 싫기 때문이라고 한다.


그래서 대부분의 사진 커뮤니티들을 돌아다녀보면 (단 XE 가 아닌 ZB4 등 다른 기반으로 된)

홈페이지 틀과 무관하게 틀을 깨고 나와 사진이 늘어나 원본대로 나오는 것을 볼 수 있다.


table 기반으로 제작할 경우, 이 기능 구현이 쉽다

그러나, XE 에서는 웹표준을 따르고, 웹표준은 div 기반을 권하다보니,  이러 기능이 div 에서 필요한데

문제는, div 기반에서 이런 기능 자체가 굉장히 난해하다  

(몇년전 XE 사용자게시판 등에서 사용자들끼리 논의가 한번 있었는데 구현하기 힘들다고 결론이 났었던걸로 안다)


그러나 불가능이라는게 어디있겠는가.

레이아웃 자체를 건드려서는 방법이 없지만..

아예 이미지 자체를 건드려버리면 가능한 벙법이 있다.


그리하여 만들게 된게  sejin7940_fix_image 애드온이다.

단순히 사이즈를 그대로 단순히 유지하는 것만이 아니라,

사진을 사이트 정중앙에 배치시키는 기능까지같이 들어있다.  

(이미지만 중앙정렬되고, 글은 그대로 좌측정렬된다. 글도 중앙정렬하고프면, 글 등록시 중앙정렬 시키거나.  아니면 sejin7940_align 애드온을 같이 사용하면된다)


이 애드온을 쓰기 위해서는 두가지 전제가 필요하다

이 기능을 사용하는 게시판에 대해서는,  자동 이미지 리사이징 애드온을 제외시켜야하고

그리고 기능이 돌아가도록 레이아웃 및 게시판 스킨을 일부 재작업해야합니다  ( XE 기본 제작구조에서는 안 쓰는 설정을 좀 넣어야해서)


이 자료 2년반전에 올렸던 예시글인데, 문의글이 있어서, 실제 예시화면 첨부 해서 수정~ 

 

아래 실제 구현된 테스트 이미지를 보면.

빨간선 사이가 실제 사이트 크기이고 (1000px )  1500px 짜리 사진을 첨부했을때의 모습이다.

 


fix_image.gif



목록
전체 1건
카테고리
XE Login