I have been tasked with building a slider for a client. Basically you have a window showing 2 thumbnails and some product info. When you click the arrows, it would slide to the next or previous set, WITH EASING. Normally this would be simple using jquery, but I cannot use a JS framework, so I have to use straight JS. Can anyone recommend how I go about this? I can do jquery stuff easily, but I don’t really know how to do this in plain old javascript.
All I need to do is change the “left” css style on click, and have in slow down as it gets to where it needs to be. Can anyone point me to where this might already exist? Thanks.
In jQuery, for one. It’s MIT licensed, which means you can go look at the code for the effect, and even copy it into your own code. You don’t have to use the whole library, just take that piece of it.
Might be best to take the advice above, but if you are interested here’s my thread. I’ve been tackling a similar task by the sounds of it. Including an easing formula. I went for using the scrollLeft property instead.