Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使图像可拖动但完全适合父容器_Jquery_Jquery Ui - Fatal编程技术网

Jquery 使图像可拖动但完全适合父容器

Jquery 使图像可拖动但完全适合父容器,jquery,jquery-ui,Jquery,Jquery Ui,我想知道如何使用jquery重新定位facebook新的时间线图像 此示例类似于facebook图像拖动,但不适用于图像大小限制: 我想要相同的facebook图像重新定位代码 谢谢 “但是现在这是图像大小限制”这是什么意思?“我想要相同的facebook图像重新定位代码。”你是Serious吗?对不起,实际上我想要在div内拖动图像,而不是在div外拖动图像。第一个示例很有用。你能像第一个例子那样使第二个例子自动吗?@anosim比使用第二个例子更好!不客气!如果您想动态计算图像的W/H,您可

我想知道如何使用jquery重新定位facebook新的时间线图像

此示例类似于facebook图像拖动,但不适用于图像大小限制:

我想要相同的facebook图像重新定位代码

谢谢


“但是现在这是图像大小限制”这是什么意思?“我想要相同的facebook图像重新定位代码。”你是Serious吗?对不起,实际上我想要在div内拖动图像,而不是在div外拖动图像。第一个示例很有用。你能像第一个例子那样使第二个例子自动吗?@anosim比使用第二个例子更好!不客气!如果您想动态计算图像的W/H,您可以这样做:问题再次出现。当我在第二个示例之前添加时,它不能正常工作。确保它正常工作,您只需手动设置容器。正如我以前说过的。在这种情况下,应大约为
[-91,-99,0,0]
$(".image_drag img").draggable({

    stop: function(ev, ui) {
        var hel = ui.helper, pos = ui.position;
        //horizontal
        var h = -(hel.outerHeight() - $(hel).parent().outerHeight());
        if (pos.top >= 0) {
            hel.animate({ top: 0 });
        } else if (pos.top <= h) {
            hel.animate({ top: h });
        }
        // vertical
        var v = -(hel.outerWidth() - $(hel).parent().outerWidth());
        if (pos.left >= 0) {
            hel.animate({ left: 0 });
        } else if (pos.left <= v) {
            hel.animate({ left: v });
        }
    }

});
$("img").draggable({ containment: [-99, -119, 0, 0], scroll: false });