DIR : /home/kozerus/public_html/wz/wz_resize.html
/home/kozerus/public_html/wz
<html>
<head>
<title>/ko/wz_resize.html 20230225_2100</title>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<link rel="stylesheet" type="text/css" href="/js/wz/newwalterzorn.css">
<style id=style_wz_resize type="text/css">
<!-- body { padding:40px; } -->
</style id=style_wz_resize_end>>
</head>
<body bgcolor=linen onload="init()">
<script type="text/javascript" src="/js/wz/scripts/wz_dragdrop.js"></script>
<center>
<big><b>wz_resize</b></big>
<br> <br>
<img name="main" src="/fb/jtfdcr/pages/1.jpg" width="200" height="350" alt="doubleclick">
<br>
<img name="lefttop" src="/imgs/btn/kop1.png" width="16" height="16" style="visibility:hidden;">
<img name="righttop" src="/imgs/btn/kop3.png" width="16" height="16" style="visibility:hidden;">
<img name="rightbottom" src="/imgs/btn/kop4.png" width="16" height="16" style="visibility:hidden;">
<img name="leftbottom" src="/imgs/btn/kop2.png" width="16" height="16" style="visibility:hidden;">
<br> <br>
<a href="demos.htm" target="_top">Back, Zurück</a>
</center>
<script id=script_wz_resize type="text/javascript">
<!--
SET_DHTML("main"+CURSOR_MOVE);
SET_DHTML("lefttop"+CURSOR_NW_RESIZE);
SET_DHTML("righttop"+CURSOR_NE_RESIZE);
SET_DHTML("rightbottom"+CURSOR_SE_RESIZE);
SET_DHTML("leftbottom"+CURSOR_SW_RESIZE);
var main = dd.elements.main;
var lt = dd.elements.lefttop;
var rt = dd.elements.righttop;
var rb = dd.elements.rightbottom;
var lb = dd.elements.leftbottom;
var grips = [lt, rt, rb, lb];
function init() {
hideGrips();
main.setZ(main.z+1);
main.div.ondblclick = showGrips;
}
function my_PickFunc() {
if (dd.obj.name == "main")
hideGrips();
else {
var i = 4; while (i--) {
if (grips[i] != dd.obj) grips[i].hide();
}
}
}
function my_DropFunc() { hideGrips(); }
function my_DragFunc() {
if (dd.obj == rb) {
main.resizeTo(rb.x-lb.x, rb.y-rt.y);
}
else if (dd.obj == rt) {
main.resizeTo(rt.x-lt.x, rb.y-rt.y);
main.moveTo(rt.x-main.w+rt.w/2, rt.y+rt.h/2);
}
else if (dd.obj == lb) {
main.moveTo(lb.x+lb.w/2, lt.y+lt.h/2);
main.resizeTo(rb.x-lb.x, lb.y-lt.y);
}
else if (dd.obj == lt) {
main.moveTo(lt.x+lt.w/2, lt.y+lt.h/2);
main.resizeTo(rt.x-lt.x, lb.y-lt.y);
}
}
function showGrips() {
moveGripsToCorners();
var i = 4; while(i--) {
grips[i].setZ(main.z+1);
grips[i].show();
}
}
function hideGrips() {
var i = 4; while(i--)
grips[i].hide();
}
function moveGripsToCorners() {
lt.moveTo(main.x-lt.w/2, main.y-lt.h/2);
rt.moveTo(main.x+main.w-lt.w/2, main.y-lt.h/2);
rb.moveTo(main.x+main.w-lt.w/2, main.y+main.h-lt.h/2);
lb.moveTo(main.x-lt.w/2, main.y+main.h-lt.h/2);
}
//-->
</script>
</body>
</html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer