Hey everybody,
i tried to find a solution with google but was really lucky with that
one, so ima try you guys now :)
i have the following code:
<script type="text/javascript">
$(function(){
$("#draggable").draggable({opacity:0.35, containment:
'#containment', scroll:false});
var maxH = $('#draggable').parent().height();
var maxW = $('#draggable').parent().width();
$("#resizable").resizable({ handles: "all", ghost:true,
animate:true, aspectRatio:true, containment: 'parent', maxHeight:
maxH, maxWidth: maxW});
});
</script>
<style type="text/css">
.draggable { width: 90px; height: 90px; float: left; }
#containment-wrapper { width: 480px; height:150px;
border:2px solid
#ccc;}
</style>
<script type="text/javascript">
$(function() {
$("#draggable3").draggable({ containment:
'#containment-wrapper',
scroll: false });
});
</script>
<div style="position:relative;">
<img src="vorlage.jpg"/>
<div style="">
<div id="containment-wrapper">
<div id="draggable3">
<img id="resizable" src="./images/sacheria_logo.gif" style="width:
200px;z-index:5;" />
</div>
</div>
</div>
</div>
Basically what it does is to have an image on top of an image and i
can resize the upper image.. it works just fine.. but the "Ghost"
does not show up..
and i have been trying to change the jquery-ui file to make it work
but had no luck either..
so this is my last resort.. how can i make the ghost appear.. or is
there another way to do what i want to do..
if anyone needs more information to help me just tell me and i will do
so..
bye and thanks a lot!
toby
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
