DHTML: Bevægelse af billeder

Prøv evt. at lade være med at bruge de danske bogstaver (æøå) i din kode

Yup - dårlig vane.
Er rettet med skidtet virker stadig ikke.


<HTML>
<HEAD>
    <TITLE>Crash Into World Trade Center</TITLE>

<SCRIPT LANGUAGE=\"javascript\">
var teller = -1;
var boldVenstreHj =0;
var boldVenstreHjO =0;
var boldHojreHj =0;
var boldHojreHjO =0;

var motionVenstreBolde = 1;
var motionHojreBolde = 1;

<!-- Denne startmetode loades når sidens body vises. Altså ved sideindlæsning.
Metoden starter timerobjekter -->
function start()
{
  window.setInterval (\"bevaegBolde()\", 10);
}



function bevaegBolde()
{
    boldVenstreHj  += motionVenstreBolde;
    boldVenstreHjO += motionVenstreBolde;
    boldHøjreHj    += motionHojreBolde;
    boldHøjreHjO  += motionHojreBolde;


    Ball1.style.left     = boldVenstreHjO;
    Ball2.style.left    = boldVenstreHj;
    Ball3.style.right    = boldHojreHjO;
    Ball4.style.right    = boldHojreHj;


    <!--Her checkes for om skærmens dimensioner overskrides.
    I så fald nulstilles de respektive startpositioner. -->
    if ((boldVenstreHj > screen.width) || (boldVenstreHj < 0))
      boldVenstreHj = 0;

    if ((boldVenstreHjO > screen.height) || (boldVenstreHjO < 0))
      boldVenstreHjO = 0;

    if ((boldHojreHj > screen.height) || (boldHojreHj < 0))
      boldHojreHj = 0;

    if ((boldHojreHjO > screen.height) || (boldHojreHjO < 0))
      boldHojreHjO = 0;
}


</SCRIPT>

</HEAD>
<BODY ONLOAD=\"start()\">


<!-- Her positioneres boldenes start med absolut positionering. -->
<ID=\"Ball1\" img src=\"Ball1.gif\" STYLE=\"position: absolute; top: 0px; left: 0px; \">
<ID=\"Ball2\" img src=\"Ball2.gif\" STYLE=\"position: absolute; bottom: 0px; left: 0px; \">
<ID=\"Ball3\" img src=\"Ball3.gif\" STYLE=\"position: absolute; top: 0px; right: 0px; \">
<ID=\"Ball4\" img src=\"Ball4.gif\" STYLE=\"position: absolute; bottom: 0px; right: 0px; \">



</BODY>
</HTML>

De resterende Ø\'er er fjernet...

det er ikke nogen <ID kommando i html. ID=\'xxx\' er parameter til <IMG kommandoen

<IMG ID=\"Ball1\" src=\"Ball1.gif\" STYLE=\"position: absolute; top: 0px; left: 0px; \">
<img ID=\"Ball2\" src=\"Ball2.gif\" STYLE=\"position: absolute; bottom: 0px; left: 0px; \">
<img ID=\"Ball3\" src=\"Ball3.gif\" STYLE=\"position: absolute; top: 0px; right: 0px; \">
<IMG ID=\"Ball4\" src=\"Ball4.gif\" STYLE=\"position: absolute; bottom: 0px; right: 0px; \">

mvh JakobA

JakobA >> Godt set

der er vist heller ikke nogen .right attribut i style objektet du kan indstille med.
    Ball3.style.right    = boldHojreHjO;
    Ball4.style.right    = boldHojreHj;

mon ikke det skulle være
    var vinduesBredde = (document.all)?document.body.clientWidth:window.innerWidth;
    Ball3.style.left    = vindueBredde -billedbredde -boldHojreHjO;
    Ball4.style.left    = vindueBredde -billedbredde -boldHojreHj;

billedbredde er bredden på dine bold3 og bold4 billeder.

mvh JakobA

http://www.dansteinman.com/dynduo/en/moving.html