 |
|
|  |
·¹ÀÌ¾î ¾ÈÀÇ À̹ÌÁö ¸¶¿ì½º·Î Áöµµ ¿òÁ÷À̵íÀÌ À̵¿ÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ® |
|
|
 |
14³â Àü |
<script language="Javascript1.1">
/*
desc : ·¹ÀÌ¾î ¾ÈÀÇ À̹ÌÁö°¡ Ŭ °æ¿ì ½ºÅ©·ÑÀÌ »ý¼ºµÇ°Ô ÇÏ°í ¸¶¿ì½º·Î À̹ÌÁö ²ø¾î À̵¿½ÃÅ°´Â...
Áöµµ ã±â »ý°¢ÇÏ¸é µÉµí...ÀÛ¾÷ Áß ÇÊ¿äÇÑ ÀÏÀÌ »ý°Ü ¸¸µé°Ô µÇ¾ú´Âµ¥...±×·±µ¥·Î ¾µ¸¸Çѵí....À̹ÌÁö°¡ Å©¸é ¹ö¹÷´ë¼ ¹®Á¦À̱⵵...-0-;;;
date : 2007-04-18
by zekill
*/
///////////////////////////////////////////////////////////////
///////·¹ÀÌ¾î ¾ÈÀÇ À̹ÌÁö ¸¶¿ì½º·Î ¿òÁ÷À̱⠽ÃÀÛ///////////////
/////////////////////////////////////////////////////////////
var g_bMouseDown = false;
var g_nChangePositionX = 0;
var g_nChangePositionY = 0;
var g_layerBackground = null;
function IntValue(num){
var temp = parseInt(num); if(isNaN(temp)){ temp = 0; } return temp;
}
function js_moving_object_up() {
g_bMouseDown = false;
}
function js_moving_object_down(target, event) {
var evt = event||window.event;
if(target.style.cursor == "move") {
g_bMouseDown = true;
g_nChangePositionX = evt.clientX;
g_nChangePositionY = evt.clientY;
}
}
function js_moving_object_move(e) {
if(g_bMouseDown) {
var evt = e||window.event;
var distX = g_nChangePositionX - IntValue(evt.clientX);
var distY = g_nChangePositionY - IntValue(evt.clientY);
var background = g_layerBackground;
var maxRight = background.scrollWidth - background.clientWidth;
var maxBottom = background.scrollHeight - background.clientHeight;
if(background.scrollLeft <= maxRight) {
if( (background.scrollLeft == maxRight && distX > 0) || (background.scrollLeft == 0 && distX < 0) ) {
} else {
background.scrollLeft += distX;
g_nChangePositionX = IntValue(evt.clientX);
}
}
if(background.scrollTop <= maxBottom) {
if( (background.scrollTop == maxBottom && distY > 0) || (background.scrollTop == 0 && distY < 0) ) {
} else {
background.scrollTop += distY;
g_nChangePositionY = IntValue(evt.clientY);
}
}
return false;
}
}
//À̳ðÀ¸·Î ½ÃÀÛ js_moving_object(À̹ÌÁö°³Ã¼, ¹è°æ·¹À̾ü)
function js_moving_object(target, layer_background){
try{
target.style.position='relative';
target.style.zIndex='9999';
target.style.left='0px';
target.style.top='0px';
}catch(e){}
target.style.cursor = "move";
target.onmousedown = function(event){ js_moving_object_down(target, event); }
target.onmouseup = js_moving_object_up;
target.onmouseout = js_moving_object_up;
target.onmousemove = js_moving_object_move;
g_layerBackground = layer_background;
}
///////////////////////////////////////////////////////////////
///////·¹ÀÌ¾î ¾ÈÀÇ À̹ÌÁö ¸¶¿ì½º·Î ¿òÁ÷À̱â Á¾·á///////////////
//////////////////////////////////////////////////////////////
</script>
<div name="layer_mainThumb" id="layer_mainThumb" style="width:747px; height: 472px;overflow-x:scroll; overflow-y:scroll;">
<img name="mainThumb" id="mainThumb" src="image url">
<div>
<script>
js_moving_object(document.getElementById("mainThumb"), document.getElementById("layer_mainThumb"));
</script>
|
|
̵̧ : 509 |
̵̧
¸ñ·Ï
|
|
|  |
|