---

Hej

Findes der en method til at flyttet et billede til højre og til venstre, ved
at man hold musen på billedet og derefter flytte musen til højre eller
venstre og placere billede der. Men den må ikke kunne flyttes ned, kun
horizental.

Mange tak på forhånd

//Nhi

---

N9 wrote:
> Findes der en method til at flyttet et billede til højre og til venstre, ved
> at man hold musen på billedet og derefter flytte musen til højre eller
> venstre og placere billede der. Men den må ikke kunne flyttes ned, kun
> horizental.

<div onmousemove="moveit(event);">
<img id="mypic" src="billede.jpg" />
</div>

<script type="text/javascript">
function moveit(event){
document.getElementById("mypic").style.top = event.clientY + "px";
}
</script>


Det skrevne er ikke testet.

Led efter mere omkring "event", client x og y, style.top style.left på
Google. Evt. også "onmousemove".


--
Med venlig hilsen
Kasper Johansen

---

N9 wrote:
> Hej
>
> Findes der en method til at flyttet et billede til højre og til venstre, ved
> at man hold musen på billedet og derefter flytte musen til højre eller
> venstre og placere billede der. Men den må ikke kunne flyttes ned, kun
> horizental.

Det er noget, man selv skal kode sig ud af. Jeg skrev i forbindelse med
<http://www.chrsen.dk/da/scripter/php/zoomimage/> nogle metoder til
håndtering af flyt, herunder moveBox() og getCoord();

Hvis du nederst på siden markere et område i billedet, kan du
efterfølgende trække rundt med det - området kunne i princippet være et
billede.

Koden kan du bare downloade - den er fri :)

Mvh Chr

---

N9 wrote:
> Hej
>
> Findes der en method til at flyttet et billede til højre og til venstre, ved
> at man hold musen på billedet og derefter flytte musen til højre eller
> venstre og placere billede der. Men den må ikke kunne flyttes ned, kun
> horizental.

Demo: <http://dean.edwards.name/my/examples/moz-behaviors/>
Download: <http://dean.edwards.name/download/#moz-behaviors.xml>

Selvom det hedder moz-behaviors, så virker det også glimrende i IE, dog
med et lille fix.

---

> Demo: <http://dean.edwards.name/my/examples/moz-behaviors/>
> Download: <http://dean.edwards.name/download/#moz-behaviors.xml>


Koden ser fint ud, men det jeg skal bruge er at låse f.eks. 5 x5 px billede
til en lige linie, så man kan flyttet den f.eks. 20px til højre eller 20 px
til venstre.
Billede må ikke kunne flyttes ned eller op.

//Nhi