RX/XE 기능개발 내역
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



목록
전체 1684건
번호 카테고리 제목 등록일
44 포인트확장 그룹 변경 방법을 다원화 - 포인트 + 가입일 file 2012.06.21
43 포인트확장 커뮤니티를 위한 포인트/회원/그룹 커스터마이징 내역 소개 2012.06.21
42 쇼핑몰/오픈마켓
(ShopXE3) 		ShopXE 자체 버그 수정 #1 2012.06.21
41 통합검색 통합검색시 좌측에 게시판 목록이 나오고, 클릭시 특정 게시판에서만 검색되게 2012.06.13
40 통합검색 비공개백업용 - IS 기능추가 관련 소스 모음 secret 2012.06.13
39 통합검색 게시판 접근권한에 따른 통합검색 대상 자동 제한 기능 2012.06.13
38 로그 logwidget - 댓글 단 사람의 목록을 프로필 형태로 출력 2012.06.11
37 로그 logwidget - cafeXE 카페 목록 및 회원수 추출 위젯기능 추가 2012.06.11
36 가입확장
(join_extned) 		join_extend - 가입쿠폰을 통한 유료회원등록 및 코드 엑셀화 기능 2012.06.09
35 가입확장
(join_extned) 		join_extend - 기업회원 입력폼 기능 구현 file 2012.06.09
34 가입확장
(join_extned) 		NICE 의 실명인증 / 본인인증 기능이 작동하는 각각의스킨 개발 2012.06.09
33 sejin7940_board2_full 용이한 복수항목 동시 검색기능 2012.06.09
» sejin7940_fix_image 레이아웃 틀을 깨고 사진 원본크기 유지 & 사진 중앙정렬 기능 file 2012.06.08
31 네비게이션 사용 팁 - 배경색상이 있는 경우, 메뉴 끝에 세로선을 없애는 방법 2012.06.08
30 네비게이션 사이트맵을 위한 tree_wide 스킨 개발 - 구분depth 별로 별도 출력 2012.06.08
29 네비게이션 선택된 3depth 를 시작지점으로 할 수 있도록 기능 추가 2012.06.08
28 네비게이션 navigator 원본 자료 정보입니다. 2012.06.08
27 부동산 지도
(sejin7940_map) 		추가 - 지도 위의 마크 위에 마우스 오버시 정보창 디자인 2012.06.06
26 부동산 지도
(sejin7940_map) 		추가 - 카테고리별 분리 기능 및 아이콘 차별화 2012.06.06
25 부동산 지도
(sejin7940_map) 		추가 - 게시판 별로 지도 분리 / 전체지도를 별도페이지에서 제공 2012.06.06
카테고리
XE Login