I did find the solution. Anyway, it worked for me.
Try to add :
appendTo: "body"
in your jQuery call, on your draggable items :
$(".draggable").draggable({
revert : true,
helper: "clone",
opacity: 0.7,
zIndex: 999,
appendTo: "body",
drag : function() {
}
});
This will make your draggable items be "relative" to the body, and not
the carousel anymore, once they are dragged.
This works for you ?
menslow a écrit :
> Not sure if you found a solution to this or not, but I'm also having
> you exact problem. It's due to the overflow: hidden property on the
> carousel wrapper. I'm don't have a solution yet, but I'm working on it
> and will post if I figure out a solution.
>
> ~Michael
>
>
>
>
>
> On Jun 13, 11:01 am, VaN <fanel....@gmail.com> wrote:
>
>> Hello,
>>
>> I'm trying to merge Carousel and Drag functions, but I'm facing
>> problem.
>>
>> Here is the jCarousel lite page
>> :http://www.gmarwaha.com/jquery/jcarousellite/
>>
>> And here is my project :http://www.wir3d.net/tests/carousel_drag_02.html
>>
>> Carousel pager works great, when you click a page, carousel switch to
>> the chosen page.
>>
>> But if you try to drag an item outside the carousel (green border),
>> the item won't go above the carousel border, but underneath.
>>
>> Did someone already face this problem ? Any idea how to solve that ?
>>
>
> >
>
>
