[Draggable]

Thanks so much now it works.
you are right, better to group and keep the programming dry. But it's not easy and I'm a beginner. During the week I will try to fix it

[Draggable]

I replaced the dragable images now it should work.
I did this code pen, if you drag the first image to target two go back with an animation, if you do it the second time the animation is different, but it should be the same.

See the Pen oNNJjQy by rha-elettronica (@rha-elettronica) on CodePen

[Draggable]

I don't understand why it doesn't work for you.  It works for me. Can you see the image of the woman? I tried to upload it to codepen but I can't insert images, I should do it again with the box instead of images.

[Draggable]

Hello

can you tell me why the first time the rotation is complete and the second time not?

http://www.mercuri-digital.com/Raffaele/ALAN9/test9.html

[Sortable]

Hello
I'm preparing this drag and drop:

http://www.mercuri-digital.com/Raffaele/ALAN9/test6.htm
 

how can I identify the position of each target when the submit button is pressed?

 

[Card flipping with TweenMax and CSS]

thanx a lot

On 11/9/2019 at 9:05 AM, Rhaffaele said:

1

 

[Card flipping with TweenMax and CSS]

I mean the second, the one with the click

[Card flipping with TweenMax and CSS]

On 7/21/2013 at 7:22 PM, Rodrigo said:

Hi and welcome to the forums.

 

Maybe you could try adding a relative rotation, for example enhance the element's rotation by 180 degrees each time, like this:

TweenMax.to(element, time, {rotationY:'+=180'});

Another possibility would be to create a timeline for each card and you can play it forward on mouse over and backwards on mouse out, like this:

$("div.element").each(function(i, element)
{
    var tl = new TimelineLite({paused:true});
    tl.to(element, 1, {rotationY:180});
    element.animation = tl;
})

$("div.element").hover(elOver, elOut);

function elOver()
{
    this.animation.play();
}

function elOut()
{
    this.animation.reverse();
}

I've created a codepen so you can see it working:

 

 

 

Also take a look at this codepen by Chris Gannon is completely awesome, maybe you can get a couple of ideas out of it:

 

 

 

Hope this helps,

Cheers,

Rodrigo.

 

On a side note great picture, I remembered the phrase:"arghh... the goggles do nothing!!"

This is really beautiful. How can I replace the image in the back with an html div?

[Draggable]

I apologize very much. I'm a newbie, but on my server it still doesn't work. http://www.mercuri-digital.com/Raffaele/test87/drag.html

 

[Draggable]

See the Pen QWWroZV by rha-elettronica (@rha-elettronica) on CodePen

[Draggable]

what are the files to load on my head to use the draggable plugin?