[Reset the cursor when dragging ends]

Sorry, double post. 

[Reset the cursor when dragging ends]

Hello,

I've changed my cursor to grabbing while it's grabbing the object but i'm having troubles to return to the cursor 'grab' after I drop the object.

Any tips on that?

 

Here's my code so far: 

 

Draggable.create(div1, {

        type: 'x,y',

        bounds: parent,

        cursor: "grab",

        edgeResistance: 1,

        onDrag: function() {

          childX.html(this.x);

          childY.html(this.y);

        }

});

 

Draggable.get("#div1").vars.cursor = "grabbing";

[Using arrow navigation with the Dragabble content]

I'm trying to recreate the function Scroll (Drag & FLick) from GreenSock (https://greensock.com/draggable ) on my website to make an image navigation throught a small city. 

It works great grabbing the image but my problem now is make the arrow navigation work as well as if I'm grabbing the image around. 

I'm a pretty newbie at the .js and read the documentation but couldn't make this work at all. 

Someone could take a look and maybe give me some lights on it?

 

Thanks a lot

See the Pen gPzovO by eloisemonteiro (@eloisemonteiro) on CodePen

[Change cursor when grabbing an item]

Hello,

I've been looking for a way to keep my cursor as a grab when the item is not been dragging and to grabbing when the item is being dragging but then come back to grab when the user stop dragging the item. 

 

I don't know if I was clear but it's similar to this cursor action: http://fetedelabiere.promo-agency.com/

 

 

Here's part of my code where I managed to make change the cursor when the drag starts but not when the user stops

 Draggable.create(div1, {
        type: 'x,y',
        bounds: parent,
        edgeResistance: 1,
        onDrag: function() {
          childX.html(this.x);
          childY.html(this.y);
        }
      });
      Draggable.get("#div1").vars.cursor = "grabbing";

[Scroll (Drag & Flick) with image background]

I'm trying to recreate the function Scroll (Drag & FLick) from GreenSock (https://greensock.com/draggable ) on my website to make an image navigation throught a small city. SO I set the background-image on the div #scroller but it doesn't seems to be working as it should be, the image is not dragging at all

 

So here's my jsfiddle http://jsfiddle.net/8ekpmpxx/1/

And hope someone could give me a light on this, thanks in advance