Ich habe diverse sachen über Drag&Drop gefunden, aber ich möchte das Objekt ja nicht mit Drag&Drop verschieben, sondern mit Mouse-Hover ohne klicken... Also ein Hover am Rand des Bildes löst eine Bewegung aus.
Ich habe eine Simple Form mit dem Dragable umsesetzt. Nun kann ich das Bild in einem Div dragen, aber dragen ist ja eigentlich nicht was ich will...
<html>
<head>
<title>X</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
$( "#draggable" ).draggable({ scroll: false });
});
</script>
<style>
#headerbild {
border: 2px solid grey;
width:660px;
height:200px;
overflow:hidden;
position:fixed;
}
</style>
</head>
<body>
<div id="headerbild">
<img id="draggable" src="DSCN0064.jpg" />
</div>
<br />
Text Text
</body>
</html>