JQuery UI Возможность перетаскивать картинку под другой

[mirek]

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

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

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

Как такое сделать ?

[Deff]

mirek,
Нижнюю картинку обертываем в div, который приподнимаем над всем, а картинку в div опускаем ниже данного диv и ниже, нижележащей полупрозраной картинки, таскать будем по сути эту div- обёртку

[mirek]

Deff, я так пробую. Нижняя картинка не таскается и проблема в IE
Что-бы было понятнее прикладываю пример

[Deff]

mirek,
Лучше выкладывать действующий код или ссылку (картинку можно подправить и в фш = код нет
Закрепление файлов - не работает - проверяйте сами

[mirek]

Вот картинка. Код большой и он не в одном файле

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

[mirek]

Вот еще интересно - если поставить обработчик на верхнее изображение

Код:

$("верхняя картинка").live("mousedown", function(e) { 
evt = e || window.event;
$(this).css({display:'none'});

starter = document.elementFromPoint(evt.clientX, evt.clientY);

$(this).css({display:''});

$(starter).trigger(e);
});

То нижнее изображение можно таскать, а также прекрасно срабатывают и другие обработчики нижней картинки кроме resizible

При попытке изменить размер вся картинка (нижняя) лишь немного (на миллиметр) прыгает в браузере но больше ничего не происходит.

Что может требоваться еще для срабатывания плагина resizible ?