CSS und HTML Du nutzen musst, junger Padawan, bevor JavaScript Du bringst ins Spiel um bewegbar zu machen Bilder. Wenn das Lösung für falsche Problem - einfach noch mal beschreiben Problem.
Hallo
Ich habe ein kleines Problem.
Ich habe auf meiner Seite ein Drag and Drop effekt eingebaut, damit der User verschiedene Bilder bewegen kann. Nun möchte ich die Bilder aber einer Position zuordnen und alle versuche mittels x und y haben nicht geklappt.
Ich möchte jedes einzelne Bild an einer bestimmen Stelle haben (auch aufeinander) damit der User ein bestimmtes Bild finden.
.js
Bilder werden so zugeordnet:Code:var ie=document.all; var nn6=document.getElementById&&!document.all; var isdrag=false; var x,y; var dobj; function movemouse(e) { if (isdrag) { dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y; return false; } } function selectmouse(e) { var fobj = nn6 ? e.target : event.srcElement; var topelement = nn6 ? "HTML" : "BODY"; while (fobj.tagName != topelement && fobj.className != "dragme") { fobj = nn6 ? fobj.parentNode : fobj.parentElement; } if (fobj.className=="dragme") { isdrag = true; dobj = fobj; tx = parseInt(dobj.style.left+0); ty = parseInt(dobj.style.top+0); x = nn6 ? e.clientX : event.clientX; y = nn6 ? e.clientY : event.clientY; document.onmousemove=movemouse; return false; } } document.onmousedown=selectmouse; document.onmouseup=new Function("isdrag=false");
Falles es wichtig ist, ich hab das von hier: KlickCode:<img src="liste.gif" class="dragme">
CSS und HTML Du nutzen musst, junger Padawan, bevor JavaScript Du bringst ins Spiel um bewegbar zu machen Bilder. Wenn das Lösung für falsche Problem - einfach noch mal beschreiben Problem.
Wo kämen wir denn hin, wenn wir keine Träume mehr hätten? ™
Medienagentur shark-design :: Internet, Druck & Kommunikation für Braunschweig und Hamburg
Wo kämen wir denn hin, wenn wir in Besprechungen keinen Spaß mehr hätten?
Projektmanagement für IT und Medien in Hamburg
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)