Как ограничить перемещение внутреннего блока draggable JqueryUI?

Question

[tigra]

Есть блок. Внутри него есть картинка, она больше по размеру и перетаскивается.
но её как видно на скрине, можно перетащить так, что её вообще не будет.
как сделать такое ограничение, чтобы она двигалась как бы в свой размер?внутри блока но чтобы она полностью закрывала родительский блок. Надеюсь понятно изъяснился.

Answer 1

[timfcsm]

ну чесслово, для кого документацию с примерами пишут? https://jqueryui.com/draggable/#constrain-movement

Comments

[tigra]

я уже прочитал, там внутренний блок, меньше чем родительский, а у меня наоборот

[timfcsm]

Олег: видимо я не очень понял в чём проблема.. надо сделать чтобы за пределы блока нельзя было утащить полностью?

[tigra]

у родительского блока стоит overflow:hidden; он двигается и так в нём. Но допустим я тащу картинку, и могу оттащить её так, что будет виден родитеьский блок, а ограничение надо по размеру картинки. Короч как в яндекс картах надо

[timfcsm]

так? codepen.io/timfcsm/pen/VemPbG

[tigra]

timfcsm: да да да да да да! Спасибо огромное)