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건
번호 카테고리 제목 등록일
1504 추가 목록 애드온
( sejin7940_extra_list ) 		추가글(광고)들을 목록 중간중간에 균등분산배치, 순수랜덤 배치 해 광고효율 올리는 기능 추가 2021.11.20
1503 추가 목록 애드온
( sejin7940_extra_list ) 		다른 게시판에서 추가 추출한 목록을 글 목록에 추가 출력해주는 기능 2021.11.20
1502 전체공지
(sejin7940_all_notice) 		글이 많거나 동접자가 많은 경우 생기는 부하를 최소화하도록 개선 2021.11.20
1501 그 외 기능 개발 [seo] Google Tag Manager 위한 소스 추가 2021.11.11
1500 oEmbed 애드온
(sejin7940_oembed) 		클라우드플레어 (cloudeflare) Stream 영상 재생 2021.10.31
1499 그 외 기능 개발 닉네임 팝업의 메뉴기능 사용시 confirm 형태의 확인메세지 기느 구현 2021.10.23
1498 글 본문 노출 제한
(sejin7940_content_hide) 		손님 또는 댓글미작성 등 요건에 따라 글 내용의 일부만 노출해 회원가입 및 활동을 유도하는 기능 file 2021.10.23
1497 최고관리자 권한 제한
(sejin7940_limit_admin) 		관리자페이지에서 특정 최고관리자 권한 제한 기능 구현 ( ex.회원관리할 수 있게 설정한다든지 ) file 2021.10.16
1496 그 외 기능 개발 프로알라 에디터에 대해 ( froalaeditor ) 다크모드 (darkmode) 가능하도록 개선 2021.10.01
1495 강의영상
( sejin7940_cam ) 		온라인 화사회의 기반 - 줌(Zoom) / 구루미 (gooroomee) 2021.09.30
1494 관리자 권한 제한
(sejin7940_limit_manager) 		게시판 관리자가 사용할 수 있는 게시판 설정 (분류/사용자정의/권한/스킨관리등)을 제어가능 file 2021.09.26
1493 문서보기권한
(sejin7940_grant_view) 		목록에서 checkbox 로 일괄 선택해, 문서보기 권한을 일괄 변경할 수 있는 기능을 만들었다. file 2021.09.25
1492 보안뷰어
(sejin7940_canvas) 		스크롤 형 vs 페이지형 본문 뷰어 제공 / 유저별 뷰어 설정 기능 구현 file 2021.09.25
1491 보안뷰어
(sejin7940_canvas) 		html5 기반의 스크랩 및 소스보기 등에 글 내용이 노출되지 않는 보안 유저 ( 플래시 사용 제거 ) file 2021.09.25
1490 말머리
( sejin7940_head ) 		글 작성시 유저가 기존 선택 및 생성 할 수 있는 말머리 기능 구현 완료 / 기존 검색에 말머리 기반 동시 추가 검색 가능 2021.09.25
1489 작성글/댓글 일괄삭제
( sejin7940_delete_check ) 		유저들이 마이페이지 내 작성글 보기에서 여러 글을 선택 일괄삭제하는 기능 구현 file 2021.09.25
1488 복수검색
(sejin7940_multi) 		여러 사용자정의들을 이용한 즐겨찾기/구독을 등록해두면, 해당 조건에 맞는 신규글이 등록될때 알려주는 기능 구현 2021.09.24
1487 엑셀추출
(sejin7940_export ) 		글 사용자정의 추출 / 댓글 사용자정의 추출 엑셀화의 부하 최소화해 대량 엑셀 추출 가능하도록 개선 2021.09.24
1486 그 외 기능 개발 ckeditor 에서 첨부파일에 대해 '선택삭제' 버튼 클릭시 정말 삭제할지 확인창 띄우는 기능 2021.09.23
1485 가상화폐 순위
( sejin7940_coinrank ) 		거래소 랭킹 목록 및 정보 / 거래소별 다루는 코인 리스트 및 시세 기능 구현 2021.09.14
카테고리
XE Login