view 페이지에서 올린 이미지 사이즈 문의드립니다.
본문
가로 1200픽셀인 반응형 홈피인데요. 테마 쓰고 있어요
게시판에 올린 이미지가 600픽셀 정도인데 view로 페이지 바로 들어가면 원래 600픽셀 크기로 잘 나오는데요.
pc에서 브라우저를 좌우로 줄였다 늘이면 600픽셀인 이미지가 좌우 꽉차게 확대되서 자동으로 1200픽셀로 크게 리사이즈 되서 보이네요.
줄였다가 늘여도 원래 600픽셀로 보이고 싶은데요.
아무리 해보려 해서 수정이 안되서 문의드립니다.
어떤 파일을 수정해야 하는지요?
답변 2
질문글의 작성이 잘못되었습니다.
해당 URL 도 없고 코드도 없고 하다못해 어떤 테마를 쓰는지도 기재하지 않았는데
단순 글만으로 어떻게 원인을 찾을까요?
일단
해당 이미지의 클래스나 감싸고 있는 wrap 의 클래스를 찾으세요. (크롬 F12 개발자도구)
테마 폴더내 혹은 게시판뷰페이지에 css 파일이 있을거에요.
클래스가 일치하는 스타일을 찾고 조정하면됩니다.
기본 코드들이라 아무리 만져도 안되서 코드들 안적고 올렸네요.
다른 css파일이나 php, js에서 고치는거 같아 문의드렸네요.
view.skin.php에 코드는
<?php
// 파일 출력
$v_img_count = count($view['file']);
if($v_img_count) {
echo "<div id=\"bo_v_img\">\n";
for ($i=0; $i<=count($view['file']); $i++) {
echo get_file_thumbnail($view['file'][$i]);
}
echo "</div>\n";
}
?>
입니다.
stlye.css는
#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {}
#bo_v_img img {margin-bottom:20px;max-width:100%; margin-top: 20px;}
테마는 https://sir.kr/cmall/1676780520 입니다.
시간내주셔서 감사합니다^^
자문자답이네요.
js/viewimageresize.js 이 파일에서 아래부분 주석처리하니까 리사이즈 안되네요.
// function image_resize()
// {
// var width = $this.width();
// $img.each(function() {
// if($(this).data("width") == undefined)
// $(this).data("width", $(this).width());
// if($(this).data("width") > width) {
// $(this).removeAttr("width")
// .removeAttr("height")
// .css("width","")
// .css("height", "");
// if($(this).data("width") > width) {
// $(this).css("width", "100%");
// }
// } else {
// $(this).attr("width", $(this).data("width"));
// }
// });
// }
// $(window).on("load", function() {
// image_resize();
// });
// $(window).on("resize", function() {
// image_resize();
// });
