JQuery déplaçable image avec la position sauvegardée

OK il devient maladroit, déjà cherché et essayé pendant environ 5 heures et je suis juste tourner en rond...

Le scénario est simple: C'est l'image d'en-tête d'un profil utilisateur, elle peut être déplacée dans une position et de la position supérieure de l'image est sauvegardée dans une base de données.

Grâce à la Betterave-Betterave "confinement:" parent "" je suis à ce morceau de code, qui, de fait, réagit comme je le veux! Sauf un gros problème. L'Image saute, soit vers le haut ou le bas. Il n'y a pas de défilement lisse? Si je change le "parent" - "parent" ça défile bien, mais... le confinement des cours n'existe plus. De l'aide? 😀

La JS

$(function(){
    $(".headerimage").css('cursor','s-resize');
    $(".headerimage").draggable({ containment: 'parent', scroll: false, axis: "y",    stop: function(event, ui) {
            var data = "profileheaderposition="+ui.position.top;
            var destination = "/modules/users/profile/save.php";
            get_data(data, destination, function(test){
                notice(test);
            });
        }
    });                 
});

Donc, et dernier mais pas moins l'en-Tête est inclus comme ça:

<div class="<?php if ($user->id == $profileuser->id) echo "changer"; ?> ui-corner-all" id="profileheader" style="overflow: hidden; width: 650px; height: 260px; position:relative;">
<?php if($profile->profileheader){
    $size = getimagesize($profile->profileheader);
?>
<img id="" class="draggable headerimage" style="position: absolute; top: <?php echo $profile->profileheaderposition; ?>px;" src="<?php echo $profile->profileheader; ?>" alt="profileheader" width="650" />

Comme je l'ai dit heures de recherches sur google n'ont pas de donner tous les résultats - et si je n'aurais pas enregistrer les résultats, il serait très bien fonctionner mais bon...

-- Edit --

Droit maintenant, je suis sur le point de pleurer -.- J'ai mis en place une prime sur celui-ci et les outils pour m'aider à ain jsfiddle mais un compte invité sur ma page web qui est:
http://www.animize.de

Là, vous pouvez vous connecter sur la page avec le nom de l'utilisateur: Gast et le pw gast - Cliquer en haut à droite sur le nom (gast) et vous allez voir le profil de - là, vous pouvez déplacer le headerpicture - et bien sûr, il doit se comporter d'une autre manière qu'il ne le fait - help 🙁

jsfiddle.net/UAgDA/25 voici un violon avec certains d'exécuter du code qui explique le comportement!
désolé de poser cette question.. quel est le problème avec votre version avec parent: "parent"? Je peux voir le défilement de l'image en douceur.. qu'en est-il défectueux?
avec "parent" elle "saute" vers le bas ou le haut de l'image (au moins dans google chrome) si je veux le faire défiler, - ou / si je fais le parent valeur négative en ajoutant un "-" il fonctionne comme prévu, juste qu'il n'as pas de confinement plus - sens: je peux faire défiler l'image même de l'écran 🙁
désolé, ne peut pas comprendre, votre image est déjà plus grand que le rectangle où vous le montrer, de sorte que chaque fois que vous déplacez (=arrêt) l'image de l'écran (sens sort des limites du rectangle)..
L'objectif est d'avoir un système comme facebook sur leur timeline ou google+ à leurs profils d'effacer certaines missunderstandings

OriginalL'auteur Ivan Schrecklich | 2012-09-25