리사이즈 더 좋은 소스 없을까요?
혹시 고수님들 더 좋은 소스 있으시나..해서 여쭈어보는겁니다..
제가 html 조금 아는 실력으로 짜집기의 한계가 느껴지네요..이것도 좋은 소스인데..
이미지 누르면 새창에서 모니터보다 하면이 크면 좌우 스립트가 안되더라구요..
물론 scrollbars=no 를 yes 로 붙이면 좋은데..조금 안이뻐서요..
그래서 제가 구한 소스중에 아래 쭉 보시면 img_view.php를 그누보드에 붙이고 싶은데..
방법이 없을까요?? 짱좋은 소스는 view.skin.php 에서 조그만한 이미지를 누르면
img_view.php 원본 창이 뜨면서 마우스를 따라 1024+768 보다 커도 스크롤바가 생기지 않
고 그림이 빙글빙글 돌아가는겁니다..
혹시나 해서 올려봅니다..그럼 수고하세요
#########################################################################################
<SCRIPT language=JavaScript>
<!--
// 이미지 크기에 맞게 새창으로 이미지 띄우기
function imgResize(img){
img1= new Image();
img1.src=(img);
imgControll(img);
}
function imgControll(img){
if((img1.width!=0)&&(img1.height!=0)){
viewImage(img);
}
else{
controller="imgControll('"+img+"')";
intervalID=setTimeout(controller,20);
}
}
function viewImage(img){
W=img1.width;
H=img1.height;
O="width="+W+",height="+H+", scrollbars=no";
imgWin=window.open("","",O);
imgWin.document.write("<html><head><title>사무실 함께</title></head>");
imgWin.document.write("<style>img{cursor:hand;}</style>");
imgWin.document.write("<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0 background='"+img+"'>");
imgWin.document.write("<img src='"+img+"' onclick='self.close()' border=0>");
imgWin.document.write("</body></html>");
imgWin.document.close();
}
//imgResize('test2.jpg')
// -->
</SCRIPT>
------------------------------------------------------------------------------------------
<? if ($view[file][2][view]) {?>
<a href="javascript:;" onclick="imgResize('../file/<?=$image[2]?>')">
<img src="<?=$image[2]?>" name=gallery_img width="150" height="128" border=0 value=0></a>
<? } else {?>
<img src="<?=$board_skin_path?>/img/noimg.gif" border=0 value=0>
<? } ?>
############################################################################
############################################################################################
img_view.php 시작
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=EUC-KR>
<title>이미지 보기</title>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
</head>
<script LANGUAGE=JavaScript>
var isNav4, isIE4;
var windowX, windowY;
var bLargeImage = 0;
var x,y;
if (parseInt(navigator.appVersion.charAt(0)) >= 4)
{
isNav4 = (navigator.appName == "Netscape") ? 1 : 0;
isIE4 = (navigator.appName.indexOf("Microsoft") != -1) ? 1 : 0;
}
function fitWindowSize()
{
if (isNav4) {
window.innerWidth = document.layers[0].document.images[0].width;
window.innerHeight = document.layers[0].document.images[0].height;
}
if (isIE4) {
window.resizeTo(500, 500);
width = 500 - (document.body.clientWidth - document.images[0].width);
height = 500 - (document.body.clientHeight - document.images[0].height)
windowX = (window.screen.width-width)/2;
windowY = (window.screen.height-height)/2;
if(width>screen.width){
width = screen.width;
windowX = 0;
bLargeImage = 1;
}
if(height>screen.height-50){
height = screen.height-50;
windowY = 0;
bLargeImage = 1;
}
x = width/2;
y = height/2;
window.moveTo(windowX,windowY);
window.resizeTo(width, height);
}
}
function move()
{
if(bLargeImage)
window.scroll(window.event.clientX - 50,window.event.clientY -50);
}
</script>
<body oncontextmenu='return false' topmargin='0' leftmargin='0' marginwidth='0' marginheight='0' onLoad="fitWindowSize()" onmousemove="move();">
<A href=# onclick=window.close()><img src=../../../../<?=$file?> border=0></a>
</body>
</html>
제가 html 조금 아는 실력으로 짜집기의 한계가 느껴지네요..이것도 좋은 소스인데..
이미지 누르면 새창에서 모니터보다 하면이 크면 좌우 스립트가 안되더라구요..
물론 scrollbars=no 를 yes 로 붙이면 좋은데..조금 안이뻐서요..
그래서 제가 구한 소스중에 아래 쭉 보시면 img_view.php를 그누보드에 붙이고 싶은데..
방법이 없을까요?? 짱좋은 소스는 view.skin.php 에서 조그만한 이미지를 누르면
img_view.php 원본 창이 뜨면서 마우스를 따라 1024+768 보다 커도 스크롤바가 생기지 않
고 그림이 빙글빙글 돌아가는겁니다..
혹시나 해서 올려봅니다..그럼 수고하세요
#########################################################################################
<SCRIPT language=JavaScript>
<!--
// 이미지 크기에 맞게 새창으로 이미지 띄우기
function imgResize(img){
img1= new Image();
img1.src=(img);
imgControll(img);
}
function imgControll(img){
if((img1.width!=0)&&(img1.height!=0)){
viewImage(img);
}
else{
controller="imgControll('"+img+"')";
intervalID=setTimeout(controller,20);
}
}
function viewImage(img){
W=img1.width;
H=img1.height;
O="width="+W+",height="+H+", scrollbars=no";
imgWin=window.open("","",O);
imgWin.document.write("<html><head><title>사무실 함께</title></head>");
imgWin.document.write("<style>img{cursor:hand;}</style>");
imgWin.document.write("<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0 background='"+img+"'>");
imgWin.document.write("<img src='"+img+"' onclick='self.close()' border=0>");
imgWin.document.write("</body></html>");
imgWin.document.close();
}
//imgResize('test2.jpg')
// -->
</SCRIPT>
------------------------------------------------------------------------------------------
<? if ($view[file][2][view]) {?>
<a href="javascript:;" onclick="imgResize('../file/<?=$image[2]?>')">
<img src="<?=$image[2]?>" name=gallery_img width="150" height="128" border=0 value=0></a>
<? } else {?>
<img src="<?=$board_skin_path?>/img/noimg.gif" border=0 value=0>
<? } ?>
############################################################################
############################################################################################
img_view.php 시작
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=EUC-KR>
<title>이미지 보기</title>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
</head>
<script LANGUAGE=JavaScript>
var isNav4, isIE4;
var windowX, windowY;
var bLargeImage = 0;
var x,y;
if (parseInt(navigator.appVersion.charAt(0)) >= 4)
{
isNav4 = (navigator.appName == "Netscape") ? 1 : 0;
isIE4 = (navigator.appName.indexOf("Microsoft") != -1) ? 1 : 0;
}
function fitWindowSize()
{
if (isNav4) {
window.innerWidth = document.layers[0].document.images[0].width;
window.innerHeight = document.layers[0].document.images[0].height;
}
if (isIE4) {
window.resizeTo(500, 500);
width = 500 - (document.body.clientWidth - document.images[0].width);
height = 500 - (document.body.clientHeight - document.images[0].height)
windowX = (window.screen.width-width)/2;
windowY = (window.screen.height-height)/2;
if(width>screen.width){
width = screen.width;
windowX = 0;
bLargeImage = 1;
}
if(height>screen.height-50){
height = screen.height-50;
windowY = 0;
bLargeImage = 1;
}
x = width/2;
y = height/2;
window.moveTo(windowX,windowY);
window.resizeTo(width, height);
}
}
function move()
{
if(bLargeImage)
window.scroll(window.event.clientX - 50,window.event.clientY -50);
}
</script>
<body oncontextmenu='return false' topmargin='0' leftmargin='0' marginwidth='0' marginheight='0' onLoad="fitWindowSize()" onmousemove="move();">
<A href=# onclick=window.close()><img src=../../../../<?=$file?> border=0></a>
</body>
</html>
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인