묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
본문삽입 slide_gallery에서 썸네일을 크롭된 상태로 출력하거나 비율대로 줄일 수 있을까요?
2008.08.08 01:07
modules/editor/components/image_gallery/tpl/slide_allery.js
/**
* @file slide_gallery.js
* @brief 이미지 이미지갤러리 쇼 스크립트
* @author zero (zero@nzeo.com)
**/
....
// 썸네일 이미지를 미리 로딩
obj.thumbnail = new Image();
obj.thumbnail.src = image_url;
obj.thumbnail.style.cursor = "pointer";
obj.thumbnail.style.width = "60px";
obj.thumbnail.style.height = "60px";
obj.thumbnail.style.margin = "5px";
obj.thumbnail.style.opacity = 0.5;
obj.thumbnail.style.filter = "alpha(opacity=50)";
// 썸네일 클릭시 메인 이미지로 바꾸어줌
xAddEventListener(obj.thumbnail, "mousedown", function() { display_gallery_image(obj) });
// 생성된 객체를 slide_gallery_images[이미지갤러리쇼 고유번호]에 추가
slide_gallery_images[srl][slide_gallery_images[srl].length] = obj;
}
...
1.
썸네일 가로 세로 사이즈가 같을 경우 크롭이 되어 보여지면 좋겠다는 생각이 드는데요
방법이 없을까요?
2.
아니면 가로 세로 비가 3:2(사진 비율)로 일정하게 유지될 수 있어도 좋겠다는 생각이 드는데요.
세로 사진의 경우 40x60 가로 사진의 경우는 60x40으로 말이죠..
지금 상태는 정사각형(60x60) 사이즈에 크롭이 되지 않은 상태로 그대로 줄어 그다지 보기 좋지 않습니다.
다른 썸네일의 경우는 옵션이 존재하는 것 같은데 제가 미숙해서 인지 관련 파일을 뒤져보아도
이 슬라이드 겔러리에서 crop에 해당하는 부분을 찾지 못하겠습니다 ㅜ ㅜ;;
어떻게든 사진이 찌그러 지지 않고 보여졌으면 합니다.
부탁드립니다..
/**
* @file slide_gallery.js
* @brief 이미지 이미지갤러리 쇼 스크립트
* @author zero (zero@nzeo.com)
**/
....
// 썸네일 이미지를 미리 로딩
obj.thumbnail = new Image();
obj.thumbnail.src = image_url;
obj.thumbnail.style.cursor = "pointer";
obj.thumbnail.style.width = "60px";
obj.thumbnail.style.height = "60px";
obj.thumbnail.style.margin = "5px";
obj.thumbnail.style.opacity = 0.5;
obj.thumbnail.style.filter = "alpha(opacity=50)";
// 썸네일 클릭시 메인 이미지로 바꾸어줌
xAddEventListener(obj.thumbnail, "mousedown", function() { display_gallery_image(obj) });
// 생성된 객체를 slide_gallery_images[이미지갤러리쇼 고유번호]에 추가
slide_gallery_images[srl][slide_gallery_images[srl].length] = obj;
}
...
1.
썸네일 가로 세로 사이즈가 같을 경우 크롭이 되어 보여지면 좋겠다는 생각이 드는데요
방법이 없을까요?
2.
아니면 가로 세로 비가 3:2(사진 비율)로 일정하게 유지될 수 있어도 좋겠다는 생각이 드는데요.
세로 사진의 경우 40x60 가로 사진의 경우는 60x40으로 말이죠..
지금 상태는 정사각형(60x60) 사이즈에 크롭이 되지 않은 상태로 그대로 줄어 그다지 보기 좋지 않습니다.
다른 썸네일의 경우는 옵션이 존재하는 것 같은데 제가 미숙해서 인지 관련 파일을 뒤져보아도
이 슬라이드 겔러리에서 crop에 해당하는 부분을 찾지 못하겠습니다 ㅜ ㅜ;;
어떻게든 사진이 찌그러 지지 않고 보여졌으면 합니다.
부탁드립니다..
댓글 2
-
덱스터
2008.08.08 12:59
http://www.zeroboard.com/17008331 이 모듈과 더불어 사용하면 어떨까요? -
designoh
2008.08.08 15:09
답변 감사합니다.
일단 간단히 if문으로 해결은 해 봤는데..
비교해 봐야겠네요..
modules/editor/components/image_gallery/tpl/slide_allery.js
// 썸네일 이미지를 미리 로딩
obj.thumbnail = new Image();
obj.thumbnail.src = image_url;
obj.thumbnail.style.cursor = "pointer";
if(obj.image.width>obj.image.height) {
obj.thumbnail.style.width = "45px";
obj.thumbnail.style.height = "30px";
} else {
obj.thumbnail.style.width = "30px";
obj.thumbnail.style.height = "45px";
}
obj.thumbnail.style.margin = "5px";
obj.thumbnail.style.opacity = 0.5;
obj.thumbnail.style.filter = "alpha(opacity=50)";
modules/editor/components/image_gallery/tpl/slide_allery.css
.slide_gallery_thumbnail_image_box img {
border:0px solid #555555;
padding:1px;
margin:5px;
vertical-align: middle;