[swiper slide change on scroll using scroll trigger with pin]

10 hours ago, Carl said:

that could be fairly complex.

if you want to listen to scroll events but not actually scroll the page you probably want to look at Observer.

 

This demo from the GreenSock team shows how to vertically scroll to a pinned a section and use the scrollwheel to trigger animations. 

when the animations are done then vertical scrolling resumes.

 

 

 

 

 

You might be able to plop in your swiper gallery to the pinned section and call swiper.slideNext() stuff  where they use the  gotoPanel() function on lines 81 and 89.

 

 

thank you for an answer! I tried to apply it in my demo, but it looks like I'm doing something wrong, cause it doesn't work

[swiper slide change on scroll using scroll trigger with pin]

hi there

I'm building swiper slider and I need to change it's slides when I scroll. the thing is I need to pin swiper section and unpin it when slider reaches the end. maybe somebody could give me an idea of how I can do this with the help of gsap, if I can.

See the Pen BavyNPJ by vyazemskaya (@vyazemskaya) on CodePen

[problems with images in circle slider (motion path plugin)]

so i made something like circular slider using motion path plugin and i ran into several problems with images:

1. when I reach the end of the slider (the last picture) the cursor pointer disappears
2.  again when the slider reaches the end some of the images sometimes do not animate smoothly

I can assume that this is because of the styles that I prescribed to the pictures, because I do not quite understand how to do it right. when i just add img tag and set the width  all pictures are no longer aligned along the way. so i came up with padding-bottom on the image wrapper, but it seems to be not a good idea because of the above problems. 

maybe someone can explain why just setting image width breaks all alignment in motion path, and how to deal with it?

See the Pen QWzLMgM by vyazemskaya (@vyazemskaya) on CodePen

[how can i autoRotate in motion path container without affecting inner images]

hi there

i'm making circular slider using motion path plugin. i only need to use autoRotate for those orange dots as it gives the effect I want to achieve. is there some way to make the images stay the same and not be affected by autoRotate?

See the Pen ZEVzYdw by vyazemskaya (@vyazemskaya) on CodePen