[Move image along svg path]

Oh my god, you guys are all amazing!!

 

Thank you so much, i was able to solve it by combining all your answers!!!

 

Thank you all for your effort and time once again...

[Move image along svg path]

Hello, thank you all for your patience and responses

I think i didn't explain my problem fully, main issue is that i can't apply second path ( #target ) to ( #path ), i saw that scrollTrigger gives me options to move that svg along the line of path, i just can't seem to find a way to connect it in proper manner... i've tried using official greensock codepen "Horizontal section scrolling" but can't apply it to my example.. 

I have scrollable sections ( horizontal ) and whenever i scroll i need svg to move 

See the Pen ZEeWPEN?editors=1111 by nikolamilovac (@nikolamilovac) on CodePen

 
This is so cloose

on forward scroll, its going too fast and jumping..

[Move image along svg path]

Main problem i am having is that i can't set start/end and how do i call that on click, what i am trying to achieve is that while im having this svg on bottom of the page, when i use scrollTrigger to move horizontal slides for this svg ( bicycler to follow path-track to specific point )

Below is the codepen with svg and my failed code...

https://codepen.io/nikolamilovac/pen/qBrZNex

[Move image along svg path]

Hey, this worked fantastic :) but i have another problem, i need it to go to certain point on click, can you provide me with documentation for that if i can use motionPath plugin at all..

This is my codepen :) 

See the Pen qBrZNex by nikolamilovac (@nikolamilovac) on CodePen

[Move image along svg path]

Hello,

 

I have svg with two paths, i need second path to follow first path, i tried with tween and motion but cant make it work at all, does anyone have an example or something that can help me resolve this problem