Jump to content
Search Community

Is there a GSAP-driven horizontal image slider

isaballoon test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

@jbjanot

 

Hi, I love your extra.slider project: clean, little overhead and functional.

 

There's ONE thing I don't like at all: it depends on jQuery. Since I'm developing in Vue.js I don't need/want to invoke jQuery. Any chance you can find the time to build a vanilla js ES2015/16 version? This version would give Angular, Vue, React, etc. developers a clean basis to scaffold.

If you can I could contribute by creating a Vue.js components system based on your lib.

 

NOTA:

jQuery is mostly used (also by you) to do queries in the DOM. Notice today we have https://developer.mozilla.org/nl/docs/Web/API/Document/querySelector

  • Like 1
Link to comment
Share on other sites

Hi @violacase

 

Thanks for the feedback.

I work almost exclusively with jQuery, and do not have the need to update the code in order to remove the dependancie, and to be honest not the time either.

However, do not hesitate to edit the code and propose a pull request, I would study it for a potential merge.

 

Thanks again.

Have a nice day!
  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...
  • 3 weeks later...

Nice one violacase. That's a very handy site. It got such traction that another one for JavaScript spawned (but don't say it out too loud, one can die by stoning here if heard dissing JS).

 

Why does almost every example have a caveat? Silly CSS fanatics... behavior is for JavaScript.

 

Here's another one, but without the "might" part. You don't need JavaScript!

https://github.com/you-dont-need/You-Dont-Need-Javascript

 

This all stems from something called progressive enhancement, and some people take it way too seriously. It's like killing baby pandas...

https://nolanlawson.com/2016/10/13/progressive-enhancement-isnt-dead-but-it-smells-funny/

 

Now when did you get that shiny new moderator badge? I just noticed that. Congrats!

 

You've been on roll lately. Now you need to get to 1,000 posts. That's when Jack will give the day off to drive around in a lime green Ferrari.

http://greensock.com/forums/topic/13600-is-there-a-way-to-translate-the-x-value-a-number-of-times-using-repeat/?p=56942

 

  • Like 3
Link to comment
Share on other sites

Hi all,

 

Obviously javascript is less and less a requirement with some interactions widgets, like a slider.

For example, I was using javascript to hide and show navigation panels on mobile, until I figured out there was no drawbacks doing it with a checkbox and css transitions : no regrets !

 

That said, it is more a matter of complexity you need to achieve. A super simple css slider might be enough using only css, but might not if you need infinite looping, or callback events, or more complex transitions or whatever...

 

Anyway, going back to the subject of migrating from jquery to vanilla js : youmightnotneedjquery.com is indeed a good starting place.

Although it will still need a port to a vanilla plugin architecture too (like this one ?).

 

Still, I'm not sure I'll have time to do it, but I will obviously keep it in mind.

 

Have a nice day guys !

Link to comment
Share on other sites

Now when did you get that shiny new moderator badge? I just noticed that. Congrats!

 

Yes - I'll 2nd that. Congratulations on the Moderator Badge. You have been crushing it on the forum lately - well deserved good sir. I can only assume you're on a 24 hour IV drip of caffeine.  

  • Like 1
Link to comment
Share on other sites

Dear Mr Dipscom,

 

Please report to sub-level 6 of GreenSock Tower North. We have an, uhmm... special gift we would like to give you.

 

 

:mrgreen:

 

Ehrm....

 

Just a slight correction to Carl's post.  Dipscom - your special gift is actually in the courtyard of GreenSock Tower North. The people are anxious to see you. 

 

Ehrmmmmmmmm.....

 

 

Why does almost every example have a caveat? Silly CSS fanatics... behavior is for JavaScript.

 

Here's another one, but without the "might" part. You don't need JavaScript!

https://github.com/you-dont-need/You-Dont-Need-Javascript

 

This all stems from something called progressive enhancement, and some people take it way too seriously. It's like killing baby pandas...

https://nolanlawson.com/2016/10/13/progressive-enhancement-isnt-dead-but-it-smells-funny/

 

Now when did you get that shiny new moderator badge? I just noticed that. Congrats!

 

You've been on roll lately. Now you need to get to 1,000 posts. That's when Jack will give the day off to drive around in a lime green Ferrari.

http://greensock.com/forums/topic/13600-is-there-a-way-to-translate-the-x-value-a-number-of-times-using-repeat/?p=56942

 

 

Now, now people. Here we are again, this moderator gang hijacking threads... Shame on you lot.

 

Blake, the moderator badge is your fault. You dangled a carrot in front of me and I made a little comment to Jack. Next morning, I have this crushing responsibility on my shoulders and a migraine. I am well aware you are all in cahoots in this.

 

I wasn't aware of this lime green Ferrari! I was promised a glass of milk and a biscuit! 0.0

 

Yes - I'll 2nd that. Congratulations on the Moderator Badge. You have been crushing it on the forum lately - well deserved good sir. I can only assume you're on a 24 hour IV drip of caffeine.  

 

I'm still behind you, better watch your back. I'm catching up. Two weeks holiday you said? Better take your laptop with you. (thank you)

 

Now, we really should stop with this hijack... Or Mr. Jack GreenSock himself is going to throw lightning in all of us.

Link to comment
Share on other sites

  • 3 weeks later...

Hi Jean-Baptiste,

 

Extra Slider looks like just what I need for an upcoming project.  In my project, however, I will need to implement a horizontal slider bar to control the image slider.  Looking through this post and your demos, I don't see an example that includes a slider bar.  Do you know if one exists? (And if not, I'll give it a go).

 

Here's a Flash example of what my client wants for behaviour:

http://www.kellogghistory.com/timeline.html

 

Thanks for any info,

--Kevin

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...