<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>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to