bartmc
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by bartmc
-
-
Hello - I need to put two simple sliders on one page, both controlled by 1 set of next/previous buttons, so they change slides simultaneously.
I've made a pen with an illustration of my problem. The two sliders change slides together, but the slides in #2 follow sequentially after the slides in #1.
I understand that this is because the javascript just lines up all the slides sequentially, but I can't figure out how to separate the 2 separate groups of slides. I tried making 2 copies of the js and re-naming everything in the code, but it turned into an endless rabbit-hole for me and I still haven't figured it out.
So - can someone point me to an example of two GSAP sliders running together on one page? Thank you!
Bart McLaughlin
See the Pen a602019fd26ea6bba3f02201f3539568 by bartmc (@bartmc) on CodePen
-
Forehead-slap! Yes - I gave the background divs background-attachment: fixed; and it works perfectly. No scrolltrigger required.
Thank you elegantseagulls!
- 1
-
Hello All,
I've forked the ScrollTrigger Simple Parallax Sections demo (
See the Pen QWjjYEw by GreenSock (@GreenSock) on CodePen
) to modify it to create a slightly different reveal. My fork works just the way I'd like it to, but when I resize the browser my vertical spacing goes awry.I tried adding invalidateOnRefresh: true to the triggers, but that didn't work. So I think I need a function to make the sizes re-calculate when the window resizes, but I can't figure out where/how to do it.
I also apparently need to find a good tutorial on using functions with ScrollTrigger triggers ; )
Any help much appreciated!
-
Works perfectly, thank you! It's also blindingly simple. Thank you so much.
- 2
-
I've attached a simple pen below. The basic idea is that I’m pinning an image in a column on the left, while some copy scrolls by on the right. I'd like to set the pin end point with a function, something like “end the pin when the bottom of the trigger element reaches 'the top of the window + the current height of the image'. Now it's just set to end: "bottom top+=300" for this demo, but if the viewport is a different size and/or shape, or if the designer changes the image size, the pin end won't align properly.
Any help much appreciated!
-
I need a freelancer to help me finish a slider with an overlapping slide transition. You can see my work so far in this pen:
See the Pen wvgXqeB by bartmc (@bartmc) on CodePen
The slider is based on Craig’s response in this post:
I need the slider auto-play forward and loop, with Next and Previous buttons functioning like this:
- I'd like the slider to loop forward automatically, but if the Next or Previous buttons are pressed, it should move forward (or backward) 1 slide and continue looping forward from there.
- I'd like the Previous button to decrement from the first slide to the last slide and continue decrementing from there. It’s glitchy decrementing from 1-3 back to 0, always going to slide 4 (the last slide in the array), if you’re on the second loop through the array. It won’t loop backwards past 0 at all.
Please DM me or send email to bart@bartmclaughlin.com if you're interested in this job. Thanks!
Bart McLaughlin
bart@bartmclaughlin.com
- 1
-
Hello!
I'm working on a slider with an overlapping slide transition. It's based on Craig’s response in this post:
I've made a demo of my work so far, in the attached pen.
I can make the slider auto-play forward and loop, with no buttons, but I’d like to have buttons too. This is what I’m trying to figure out:
- I'd like the slider to loop forward automatically, but if the Next or Previous buttons are pressed, it should move forward (or backward) 1 slide and continue looping forward from there.
- I'd like the Previous button to decrement from the first slide to the last slide and continue decrementing from there. It’s glitchy decrementing from 1-3 back to 0, always going to slide 4 if you’re on the second loop through the array. but won’t loop backwards past 0 at all.
Any help or advice would be much appreciated - including "hire yourself a programmer!"
Thank you!
- 1
2 GSAP Sliders on 1 Page
in GSAP
Posted
Rodrigo, your 2-slider example is exactly what I needed to get going. And I completely understand that these forums are not the place for me to find a complete solution for this kind of thing. Thank you!
bart