jQuery UI Draggable Constraint

то, что я пытаюсь сделать, это иметь большое изображение, содержащееся в меньшем div, который пользователь может перетаскивать внутри содержащего div (достаточно просто) ... аналогично http://oneblackbear.com/draggable/index. html , но я хочу, чтобы пользователи не перетаскивали его дальше границы контейнера. В приведенном выше примере пользователь может полностью перетащить изображение за пределы содержащего div ... Я хочу запретить пользователю вообще перетаскивать изображение за пределы родительского div.

Я пробовал использовать jQuery UI с возможностью перетаскивания, но проблема в том, что если я использую параметр ограничения, как только вы перетаскиваете изображение, оно блокируется в нижний правый угол и его больше нельзя перетаскивать, потому что дочерний элемент больше родительского ограничения. Я не уверен, что ограничение ui draggable предназначено только для меньших объектов, чем родительский контейнер.

Есть ли у кого-нибудь идеи, как с этим делать? предпочтительно с jQuery Draggable?