시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVA,JSP > JSP 소스창고 > JQ ImageFit 자동 이미지사이즈 맞춤 상세정보
사이트등록
클라우드태그
Javascript
html
Mobile
PHP
CSS
ASP
mysql
image
jquery
게시판
2023
메뉴
2022
현재접속자 새로고침
JQ ImageFit 자동 이미지사이즈 맞춤
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기
소스분류 JSP 소스창고
다운로드 횟수 0 회
간단설명 어떤 사이즈의 이미지이든 리스트에 출력될때 보여지는 이미지의 중심점을 손쉽게 맞출수있습니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 데모 미리보기 스크랩하기


기본 사용 기능 
어떤 사이즈의 이미지이든 리스트에 출력될때 보여지는 이미지의 중심점을 손쉽게 맞출수있습니다.

상세안내
화면의 왼쪽편에 있는 설정창을 이용하여 리스트에 출력되는 이미지의 중심점을 설정할 수 있습니다.
mode를 outside로 변경할경우 출력사이즈에 맞게 꽉찬 이미지를 보여주고 inside일경우 세로사진은 세로길이에 맞게
가로사진은 가로길이에 맞게 여백이 포함되며 출력됩니다.
Hor. align 을 수정할 경우에는 현재 보여지는 사이즈에서 가로기준으로 이미지의 중심을 어느쪽으로 할것이냐를 선택할 수 있고, vert. align 은 세로기준으로 중심의 위치를 설정할 수 있습니다.
설정된 내용은 바로 아래 결과코드로 확인할 수 있습니다.



설정하기 전 리스트 출력




Hor. align을 center으로, Vert. align을 bottom 으로 설정했을경우




위의 설정으로 사용시 삽입해야하는 Resulting code

$('div').imagefit({
	mode: 'outside',
	force : 'true',
	halign : center,
	valign : 'bottom'
});

네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 79978935 보이는 도배방지키를 입력하세요.