naxiya1778

Zach, im applying this: var mapdrag = document.getElementById("map"); tween = gsap.to("#map img", { y: "+=10", duration: 1, repeat: 0, repeatRefresh: true, modifiers: { y: gsap.utils.unitize( gsap.utils.wrap(0, (mapdrag.height)), "px") } }); But it dissapear the map also i tried : .startDrag() but it get stuck. The maps is just an image, thats why i check the height. without being able to achieve it Another clue?

Dear Zach, One last question. It works fine, but when dragging, the map travels more than it should and leaves a blank space, it is possible to limit it to a wrapper (in draggable i use this property: bounds:"#wrapper" ) but in gsap.to how can i fix this? ?

WOW! Thank you a lot Zach, it works perfectly! Thanks thanks!! ??

Oh! It would be perfect if it could keep the button pressed and it would advance 10% constantly motion.

Yes Zach, maybe the amount could be lower, and the rate constantly.. or if its so complicated, maybe when press, move up like 10% and other click, another 10%.. sorry about my english. Thank a looooot.

Thankyou Zach :) For example: I have this button: <span id="button-up"> UP </span> and in JS: document.getElementById("button-up").addEventListener("click", function(){ }); Wich event could be used inside de event listener to simulate de "X" up drag? Can you help me? With this in mind i can replicate to down, and "y" direction ? Thank you.

Hello, I'm using Draggable to be able to drag a map with the mouse, but what I'm looking for is to create a floating joystick (with buttons up, down, right and left), so when user press "up" it can simulate the dragging of the mouse up and so on. It's possible? im just using this: Draggable.create("#map", { type:"x,y", bounds:"#wrapper", }); Thank you :(