<img src="http://m.ok100.or.kr/images/logo.gif" onclick=how_size(this) title=이미지크기는얼마일까요 style=cursor:pointer>
<script language=javascript>
function get_image_size(id) {
img = document.body.appendChild(document.createElement('img'))
img.src = id.src;
var w = img.offsetWidth;
var h = img.offsetHeight;
document.body.removeChild(img);
return {width:w,height:h};
}
function how_size(img) {
var size = get_image_size(img);
alert('width:'+size.width+',height:'+size.height);
}
</script>
<script language=javascript>
function get_image_size(id) {
img = document.body.appendChild(document.createElement('img'))
img.src = id.src;
var w = img.offsetWidth;
var h = img.offsetHeight;
document.body.removeChild(img);
return {width:w,height:h};
}
function how_size(img) {
var size = get_image_size(img);
alert('width:'+size.width+',height:'+size.height);
}
</script>
//업그레이드 2
<img src="http://m.ok100.or.kr/images/logo.gif" id="ImgView" />
<script language=javascript>
function get_image_size(id)
{
// 제작자: Mlang-http://www.script.ne.kr (소스빼지마세요 자꾸빼내들 내시면 더 이상 소스 작업 안합니다.)
img = document.body.appendChild(document.createElement('img'))
img.src =document.getElementById(id).src;
var w = img.offsetWidth;
var h = img.offsetHeight;
document.body.removeChild(img);
alert(w);
}
</script>
<img src="http://m.ok100.or.kr/images/logo.gif" id="ImgView" />
<script language=javascript>
function get_image_size(id)
{
// 제작자: Mlang-http://www.script.ne.kr (소스빼지마세요 자꾸빼내들 내시면 더 이상 소스 작업 안합니다.)
img = document.body.appendChild(document.createElement('img'))
img.src =document.getElementById(id).src;
var w = img.offsetWidth;
var h = img.offsetHeight;
document.body.removeChild(img);
alert(w);
}
</script>
<a href="javascript:get_image_size('ImgView');">how_size()</a>
// 업그레이드 버전 2
<img src="http://m.ok100.or.kr/images/logo.gif" id="ImgView" />
<script language=javascript>
function get_image_size(id)
{
// 제작자: Mlang-http://www.script.ne.kr (소스빼지마세요 자꾸빼내들 내시면 더 이상 소스 작업 안합니다.)
img = document.body.appendChild(document.createElement('img'))
img.src =document.getElementById(id).src;
var w = img.offsetWidth;
var h = img.offsetHeight;
document.body.removeChild(img);
alert(w);
}
</script>
<img src="http://m.ok100.or.kr/images/logo.gif" id="ImgView" />
<script language=javascript>
function get_image_size(id)
{
// 제작자: Mlang-http://www.script.ne.kr (소스빼지마세요 자꾸빼내들 내시면 더 이상 소스 작업 안합니다.)
img = document.body.appendChild(document.createElement('img'))
img.src =document.getElementById(id).src;
var w = img.offsetWidth;
var h = img.offsetHeight;
document.body.removeChild(img);
alert(w);
}
</script>
<a href="javascript:get_image_size('ImgView');">how_size()</a>
'Programming > JAVAScript' 카테고리의 다른 글
자바스크립트로 모바일웹 a 태그로 문자 메시지 내용 입력하기 함수 (0) | 2017.10.15 |
---|---|
모바일웹에서 a 태그를 활용한 문자 메시지 내용 입력하기 (0) | 2017.10.15 |
number_format 구현 (0) | 2015.01.13 |
0단위 자리 절사 함수 (0) | 2015.01.13 |
날짜 및 시간 계산 (0) | 2015.01.09 |