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

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

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

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

sejin7940 조회:2496 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



목록
전체 1746건
번호 카테고리 제목 등록일
1726 배너위젯
(sejin7940_banner_widget) 		[위젯] 사이드 배너 를 위한 가로길이 강제 고정에 따른 비율조정 기능 2012.05.24
1725 팝업관리
(popup) 		팝업애드온 - 팝업상단 제목 출력 / 최신버전 호환 2012.05.26
1724 그 외 기능 개발 RSS - XE기반에서 썸네일 및 확장변수까지 RSS 에서 끌어올 수 있도록 수정 2012.06.04
1723 부동산 지도
(sejin7940_map) 		aroundmap 의 원본 자료입니다 2012.06.05
1722 부동산 지도
(sejin7940_map) 		추가 - 구글맵로 기반 변경 / DB에 항목 추가 2012.06.06
1721 부동산 지도
(sejin7940_map) 		추가 - 게시판 별로 지도 분리 / 전체지도를 별도페이지에서 제공 2012.06.06
1720 부동산 지도
(sejin7940_map) 		추가 - 카테고리별 분리 기능 및 아이콘 차별화 2012.06.06
1719 부동산 지도
(sejin7940_map) 		추가 - 지도 위의 마크 위에 마우스 오버시 정보창 디자인 2012.06.06
1718 네비게이션 navigator 원본 자료 정보입니다. 2012.06.08
1717 네비게이션 선택된 3depth 를 시작지점으로 할 수 있도록 기능 추가 2012.06.08
1716 네비게이션 사이트맵을 위한 tree_wide 스킨 개발 - 구분depth 별로 별도 출력 2012.06.08
1715 네비게이션 사용 팁 - 배경색상이 있는 경우, 메뉴 끝에 세로선을 없애는 방법 2012.06.08
» sejin7940_fix_image 레이아웃 틀을 깨고 사진 원본크기 유지 & 사진 중앙정렬 기능 file 2012.06.08
1713 sejin7940_board2_full 용이한 복수항목 동시 검색기능 2012.06.09
1712 가입확장
(join_extned) 		NICE 의 실명인증 / 본인인증 기능이 작동하는 각각의스킨 개발 2012.06.09
1711 가입확장
(join_extned) 		join_extend - 기업회원 입력폼 기능 구현 file 2012.06.09
1710 가입확장
(join_extned) 		join_extend - 가입쿠폰을 통한 유료회원등록 및 코드 엑셀화 기능 2012.06.09
1709 로그 logwidget - cafeXE 카페 목록 및 회원수 추출 위젯기능 추가 2012.06.11
1708 로그 logwidget - 댓글 단 사람의 목록을 프로필 형태로 출력 2012.06.11
1707 통합검색 게시판 접근권한에 따른 통합검색 대상 자동 제한 기능 2012.06.13
카테고리
XE Login