Thanks Fanel, but I'm still having issues with this...
Here's my code:
$(".swatch").draggable({
revert: true,
helper: "clone",
opacity: .5,
zIndex: 999,
appendTo: "body",
drag: function() {
}
});
It seems that whenever I combine using the "helper" and the "appendTo"
options the draggable objects are disabled. I can use them
independently of each other without disabling the draggables, but this
doesn't free them from the "overflow:hidden" elements.
Any ideas?
I'm using JQuery 1.3.2 and JQuery UI 1.7.2.
Thanks!
~m
On Jul 13, 5:58 am, Fanel Dev <fanel....@gmail.com> wrote:
> 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 ?
