---
title: "hur flyttar man en bild vertikalt i detta html/java doc ?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/180487-hur-flyttar-man-en-bild-vertikalt-i-detta-html-java-doc"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "strulen"
published: "2009-09-29T15:30:09.000Z"
updated: "2009-09-29T15:30:09.000Z"
replies: 0
views: 307
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/180487-hur-flyttar-man-en-bild-vertikalt-i-detta-html-java-doc"
---

# hur flyttar man en bild vertikalt i detta html/java doc ?

## #1 — strulen, 2009-09-29T15:30Z

\<html\>\<head\>
\<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"\>

\<title\>bottomFrame.html\</title\>
\<meta http-equiv="imagetoolbar" content="no"\>
\<link rel="stylesheet" type="text/css" href="java/newwalterzorn.css"\>
\<style type="text/css"\>
\<!--
body {
  padding:40px;
}
\--\>
\</style\>
\</head\>\<body onload="init()"\>
\<body bgcolor="#B7984C" text="#141414"\>
\<script type="text/javascript" src="java/wz_dragdrop.js"\>\</script\>
  \<center\>
    \<img style="visibility:hidden;" name="main" src="images/about.gif" alt="Double-click on me..." width="612" height="48"\>
    \<br\>
    \<img name="lefttop" src="images/marker_rect.gif" style="visibility: hidden;" width="16" height="16"\>
    \<img name="righttop" src="images/marker_rect.gif" style="visibility: hidden;" width="16" height="16"\>
    \<img name="rightbottom" src="images/marker_rect.gif" style="visibility: hidden;" width="16" height="16"\>
    \<img name="leftbottom" src="images/marker_rect.gif" style="visibility: hidden;" width="16" height="16"\>
    
  \</center\>
\<script type="text/javascript"\>
\<!--
SET_DHTML("main"+CURSOR_MOVE, "lefttop"+CURSOR_NW_RESIZE, "righttop"+CURSOR_NE_RESIZE, "rightbottom"+CURSOR_SE_RESIZE, "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 *!= dd.obj)
                grips*.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*.setZ(main.z+1);
        grips*.show();
    }
}

function hideGrips()
{
    var i = 4; while(i--)
        grips*.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\>*****

Permalänk: https://www.webforum.nu/p/180487

---

Tråden på webben: https://www.webforum.nu/amne/javascript/180487-hur-flyttar-man-en-bild-vertikalt-i-detta-html-java-doc
