Drag & Drop ohne das Bild an sich zu verschieben
| Beiträge: 189 Wohnort: Rostock Registriert: Jan 2007
| 14.06.2011, 15:11
Moin,
ich habe ein Div-Tag in dem ein Bild ist:
ActionScript:1 | <div id="background_div" onmousedown="dragstart(this)"><img src="images/IMG_0079.JPG" width="100%" onClick="zoom()" /></div>
|
Dieses will ich nun draggen:
ActionScript:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | function dragstart(element) {
dragobjekt = element;
dragx = posx - dragobjekt.offsetLeft;
dragy = posy - dragobjekt.offsetTop;
}
function dragstop() {
dragobjekt=null;
}
function drag(ereignis) {
posx = document.all ? window.event.clientX : ereignis.pageX;
posy = document.all ? window.event.clientY : ereignis.pageY;
if(dragobjekt != null) {
dragobjekt.style.left = (posx - dragx) + "px";
dragobjekt.style.top = (posy - dragy) + "px";
}
}
|
Das Problem ist nun, dass ich es zwar Draggen kann aber nach ca. einer Sekunde ziehen bei gedrückter Maustaste zieht er nur das Bild - mh, wie drück ich das am besten aus - als wenn ichs auf meinen Desktop ziehen möchte, also speichern. Dann Draggt er den div container auch nicht mehr und wenn ich loslasse und die maus bewege, ist er immernoch im "DragModus". Wie kann ich das verhindern? Kann ich das Bild irgendwie sperren oder so?
Hier der Link: http://daxsdesign.de/upload/test/
Danke
daxs | Geändert von daxs am 14.06.11 um 15:21 Uhr | |
| | Beiträge: 3000 Wohnort: Köln Registriert: Oct 2007
| 14.06.2011, 15:39
|
|