these code didn't work in ie 7
<script>
$(function(){
var $container = $('#container');
$("#face").resizable({
autoHide: true,
handles:'all',
//ghost: true,
minHeight:50,
minWidth:50,
maxHeight: 450,
maxWidth: 800 ,
})
.parent()
.draggable({
cursor: 'move',
opacity: 0.35,
containment: '#container',
scroll: false
})
$(".hairimages").draggable({
cursor: 'move',
// revert: 'invalid',
opacity: 0.35,
helper:'clone'
})
$container.droppable({
accept: '.hairimages',
activeClass: 'myactive',
hoverClass: 'myhover',
drop: function(e,ui) {
$(ui.draggable).clone().appendTo($(this)).resizable({
autoHide: true,
handles:'all',
//ghost: true,
aspectRatio: 1/1,
minHeight:50,
minWidth:50,
maxHeight: 450,
maxWidth: 800 ,
})
.parent()
.draggable({
cursor: 'move',
containment: '#container',
scroll: false
});
}
});
});
</script>