JQuery UI - перетаскивание картинки под другой

[mirek]

Необходимо реализовать возможность перетаскивать картинку но так, что-б над картинкой, которую перетаскиваем располагалась другая полупрозрачная на JQuery UI

з-индексами у меня вышло расположить обе картинки так, что-бы перетаскиваемая находилась с краю верхней.
И при перемещении соответственно она легко переносится под другой верхней если за нее взяться с края.

Но необходимо, что перетаскиваемая картинка изначально была в центре неподвижной полупрозрачной верхней

Можно ли такое сделать ?

 

[dino]

Попробуй прикрутить к полупрозрачной картинке функцию, чтоб при наведении на неё курсора, изменялся z-index той картинки, которую нужно перетащить и она оказывалась сверху полупрозрачной, при уводе курсора чтоб все возвращалось обратно...
Да... наверняка придется эту же функцию прикрутить к обеим картинкам сразу, иначе будет постоянно колбасить страницу!

 

[mirek]

Попробуй прикрутить к полупрозрачной картинке функцию, чтоб при наведении на неё курсора, изменялся z-index той картинки, которую нужно перетащить

Соль в том, что картинка которую перетаскиваем должна перекрываться не прозрачными местами той картинки, которая сверху.

В принципе предложенный подход может сработать только если менять z-index не при наведении, а при щелчке так как иначе перетаскиваемую картинку просто не возможно тащить если она под другой