jquery – 使图像可拖动但完全适合父包含

我想知道如何使用 jquery工作facebook新时间轴图像重新定位？

此示例类似于Facebook图像拖动,但这不适用于图像大小限制：http://oneblackbear.com/draggable/index.html

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

谢谢

解决方法

Try this demo!

$(".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 });
        }
    }

});

或者您可以手动设置元素的包含：

jsBin demo

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