Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

eloisem

Members
  • Posts

    5
  • Joined

  • Last visited

Posts posted by eloisem

  1. 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";
  2. 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

  3. 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";
    
  4. 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

×