board.js 파일에 아래 항목을 추가 해주세요.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
jQuery.resimg = function(element, options){
var setting = { imageWidth:600, borderColor:false }
$.extend(setting, options);
var imageWidth = setting.imageWidth;
var borderColor = setting.borderColor;
$(element).each(function(){
var img_width = $(this).outerWidth();
var img_height = $(this).outerHeight();
//원래 사이즈를 저장한다.
$(this).attr("tmp_width", img_width);
$(this).attr("tmp_height", img_height);
// 이미지 폭이 테이블 폭보다 크다면 테이블폭에 맞춘다
if(img_width > imageWidth) {
imageHeight = parseFloat(img_width/ img_height);
$(this).width(imageWidth).height(parseInt(imageWidth / imageHeight)).css("cursor", "pointer");
//$(this).width(imageWidth).css("cursor", "pointer");
}
if (borderColor) $(this).css({ "border" : "1px solid "+ borderColor });
});
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
그리고 view스킨 파일 최하단스크립트를 아래와 같이 수정하세요.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//제이쿼리 임포트
<script language="JavaScript" src="<?="$g4[path]/js/jquery-latest.js"></script>
<script language="JavaScript" src="<?="$g4[path]/js/board.js"?>"></script>
<script language="JavaScript">
$(document).ready(function(){
$.resimg("img[name='target_resize_image[]']", {imageWidth:<?=(int)$board[bo_image_width]?>});
//resizeBoardImage(<?=(int)$board[bo_image_width]?>);
drawFont();
});
</script>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
jQuery.resimg = function(element, options){
var setting = { imageWidth:600, borderColor:false }
$.extend(setting, options);
var imageWidth = setting.imageWidth;
var borderColor = setting.borderColor;
$(element).each(function(){
var img_width = $(this).outerWidth();
var img_height = $(this).outerHeight();
//원래 사이즈를 저장한다.
$(this).attr("tmp_width", img_width);
$(this).attr("tmp_height", img_height);
// 이미지 폭이 테이블 폭보다 크다면 테이블폭에 맞춘다
if(img_width > imageWidth) {
imageHeight = parseFloat(img_width/ img_height);
$(this).width(imageWidth).height(parseInt(imageWidth / imageHeight)).css("cursor", "pointer");
//$(this).width(imageWidth).css("cursor", "pointer");
}
if (borderColor) $(this).css({ "border" : "1px solid "+ borderColor });
});
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
그리고 view스킨 파일 최하단스크립트를 아래와 같이 수정하세요.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//제이쿼리 임포트
<script language="JavaScript" src="<?="$g4[path]/js/jquery-latest.js"></script>
<script language="JavaScript" src="<?="$g4[path]/js/board.js"?>"></script>
<script language="JavaScript">
$(document).ready(function(){
$.resimg("img[name='target_resize_image[]']", {imageWidth:<?=(int)$board[bo_image_width]?>});
//resizeBoardImage(<?=(int)$board[bo_image_width]?>);
drawFont();
});
</script>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
댓글 1개
RINIX
16년 전
파폭에서 이미지 팝업 띄울시 에러가 있어 약간의 코드를 수정했습니다.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
jQuery.resimg = function(element, options){
var setting = { imageWidth:600, borderColor:false }
$.extend(setting, options);
var imageWidth = setting.imageWidth;
var borderColor = setting.borderColor;
//alert($(element).children().get().length);
$(element).each(function(){
var img_width = $(this).outerWidth();
var img_height = $(this).outerHeight();
//원래 사이즈를 저장한다.
//$(this).attr("tmp_width", img_width);
//$(this).attr("tmp_height", img_height);
var i = $(element).index($(this));
$(element)[i].tmp_width = img_width;
$(element)[i].tmp_height = img_height;
// 이미지 폭이 테이블 폭보다 크다면 테이블폭에 맞춘다
if(img_width > imageWidth) {
imageHeight = parseFloat(img_width/ img_height);
$(this).width(imageWidth).height(parseInt(imageWidth / imageHeight)).css("cursor", "pointer");
//$(this).width(imageWidth).css("cursor", "pointer");
}
if (borderColor) $(this).css({ "border" : "1px solid "+ borderColor });
});
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
jQuery.resimg = function(element, options){
var setting = { imageWidth:600, borderColor:false }
$.extend(setting, options);
var imageWidth = setting.imageWidth;
var borderColor = setting.borderColor;
//alert($(element).children().get().length);
$(element).each(function(){
var img_width = $(this).outerWidth();
var img_height = $(this).outerHeight();
//원래 사이즈를 저장한다.
//$(this).attr("tmp_width", img_width);
//$(this).attr("tmp_height", img_height);
var i = $(element).index($(this));
$(element)[i].tmp_width = img_width;
$(element)[i].tmp_height = img_height;
// 이미지 폭이 테이블 폭보다 크다면 테이블폭에 맞춘다
if(img_width > imageWidth) {
imageHeight = parseFloat(img_width/ img_height);
$(this).width(imageWidth).height(parseInt(imageWidth / imageHeight)).css("cursor", "pointer");
//$(this).width(imageWidth).css("cursor", "pointer");
}
if (borderColor) $(this).css({ "border" : "1px solid "+ borderColor });
});
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2330 | 16년 전 | 5069 | ||
| 2329 | 16년 전 | 2304 | ||
| 2328 | 16년 전 | 3404 | ||
| 2327 | 16년 전 | 2639 | ||
| 2326 | 16년 전 | 1557 | ||
| 2325 | 16년 전 | 5349 | ||
| 2324 | 16년 전 | 2468 | ||
| 2323 | 16년 전 | 5960 | ||
| 2322 | 16년 전 | 1937 | ||
| 2321 | 16년 전 | 4019 | ||
| 2320 | 16년 전 | 3030 | ||
| 2319 |
 RINIX |
16년 전 | 2210 | |
| 2318 |
데니크레인
|
16년 전 | 2232 | |
| 2317 | 16년 전 | 4411 | ||
| 2316 | 16년 전 | 3293 | ||
| 2315 | 16년 전 | 2833 | ||
| 2314 | 16년 전 | 2960 | ||
| 2313 | 16년 전 | 2076 | ||
| 2312 | 16년 전 | 1766 | ||
| 2311 | 16년 전 | 1675 | ||
| 2310 | 16년 전 | 1396 | ||
| 2309 | 16년 전 | 1666 | ||
| 2308 | 16년 전 | 1902 | ||
| 2307 | 16년 전 | 1599 | ||
| 2306 |
 heisher |
16년 전 | 4849 | |
| 2305 | 16년 전 | 3827 | ||
| 2304 | 16년 전 | 1786 | ||
| 2303 | 16년 전 | 1533 | ||
| 2302 | 16년 전 | 2268 | ||
| 2301 | 16년 전 | 4530 | ||
| 2300 | 16년 전 | 3544 | ||
| 2299 | 16년 전 | 2575 | ||
| 2298 | 16년 전 | 4335 | ||
| 2297 | 16년 전 | 3207 | ||
| 2296 | 16년 전 | 1352 | ||
| 2295 |
heisher |
16년 전 | 1377 | |
| 2294 |
heisher |
16년 전 | 2039 | |
| 2293 | 16년 전 | 1886 | ||
| 2292 | 16년 전 | 2564 | ||
| 2291 | 16년 전 | 2233 | ||
| 2290 | 16년 전 | 1369 | ||
| 2289 | 16년 전 | 4392 | ||
| 2288 | 16년 전 | 1477 | ||
| 2287 | 16년 전 | 1781 | ||
| 2286 | 16년 전 | 2199 | ||
| 2285 |
RINIX |
16년 전 | 3833 | |
| 2284 |
RINIX |
16년 전 | 2729 | |
| 2283 |
RINIX |
16년 전 | 1486 | |
| 2282 | 16년 전 | 4011 | ||
| 2281 |
 Coolpis |
16년 전 | 1396 | |
| 2280 | 16년 전 | 1577 | ||
| 2279 | 16년 전 | 1234 | ||
| 2278 | 16년 전 | 1712 | ||
| 2277 | 16년 전 | 1612 | ||
| 2276 | 16년 전 | 1625 | ||
| 2275 | 16년 전 | 1424 | ||
| 2274 | 16년 전 | 2179 | ||
| 2273 | 16년 전 | 1819 | ||
| 2272 |
RINIX |
16년 전 | 1964 | |
| 2271 | 16년 전 | 2177 | ||
| 2270 |
a1system
|
16년 전 | 1472 | |
| 2269 | 16년 전 | 2305 | ||
| 2268 | 16년 전 | 2259 | ||
| 2267 | 16년 전 | 4531 | ||
| 2266 |
 TopSchooL |
16년 전 | 1295 | |
| 2265 | 16년 전 | 1051 | ||
| 2264 |
잠자리똥꾸멍
|
16년 전 | 2009 | |
| 2263 |
태양의서쪽
|
16년 전 | 1972 | |
| 2262 |
태양의서쪽
|
16년 전 | 1516 | |
| 2261 |
태양의서쪽
|
16년 전 | 2041 | |
| 2260 |
 똥싼너구리 |
16년 전 | 2270 | |
| 2259 | 16년 전 | 1386 | ||
| 2258 | 16년 전 | 1738 | ||
| 2257 | 16년 전 | 1921 | ||
| 2256 | 16년 전 | 1013 | ||
| 2255 | 16년 전 | 1689 | ||
| 2254 | 16년 전 | 1405 | ||
| 2253 | 16년 전 | 1913 | ||
| 2252 |
freedays
|
16년 전 | 1326 | |
| 2251 | 16년 전 | 2200 | ||
| 2250 | 16년 전 | 1879 | ||
| 2249 | 16년 전 | 5866 | ||
| 2248 | 16년 전 | 1912 | ||
| 2247 | 16년 전 | 3685 | ||
| 2246 | 16년 전 | 1467 | ||
| 2245 |
RINIX |
16년 전 | 1754 | |
| 2244 |
RINIX |
16년 전 | 2070 | |
| 2243 | 16년 전 | 2609 | ||
| 2242 | 16년 전 | 2306 | ||
| 2241 | 16년 전 | 2755 | ||
| 2240 | 16년 전 | 2990 | ||
| 2239 | 16년 전 | 3016 | ||
| 2238 |
똥싼너구리 |
16년 전 | 1820 | |
| 2237 |
똥싼너구리 |
16년 전 | 1540 | |
| 2236 |
똥싼너구리 |
16년 전 | 1416 | |
| 2235 | 16년 전 | 1725 | ||
| 2234 | 16년 전 | 1205 | ||
| 2233 | 16년 전 | 1960 | ||
| 2232 |
똥싼너구리 |
16년 전 | 1731 | |
| 2231 | 16년 전 | 1606 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기