Need code to slowly scroll a div -- LEFT and RIGHT
New here? Learn about Bountify and follow @bountify to get notified of new bounties! x

This video shows what i wish to achieve:

http://youtu.be/rb7-ISO8ez0

You can see in this video, I am using my MOUSE to scroll the DIV (left and right).

But what I would like to do, is have the DIV scroll AUTOMATICALLY.

e.g. as soon as soon as this page loads
https://clevergizmos.com/clever-youtube-plugin/ I would like this DIV to slowly scroll LEFT and RIGHT automatically. And then, STOP scrolling if the user does a mouseover() on the DIV.

Anyone got some code to do this?

Crowdsource coding tasks.

2 Solutions


The term you're looking for is "carousel", and there's one that matches your description here: http://basilio.github.io/responsiveCarousel/#examples

Thanks. Yes I know there are some existing jquery examples online. But i'm a bad jquery programmer and really just looking for someone to give me some code of EXACTLY what I can place in my webpage to accomplish whats going on in the video.
tonloc almost 6 years ago

Simple horizontal scroll: http://jsfiddle.net/ununoctio/npCR4/

A good swiper: http://www.idangero.us/sliders/swiper/demos.php fast and compatible with every mobile device, with scrollbar: http://www.idangero.us/sliders/swiper/plugins/scrollbar.php

Example of use: http://jsfiddle.net/ununoctio/kPjnU/1/

Oh thanks. My goal is to do this automatically though.
tonloc almost 6 years ago
http://jsfiddle.net/ununoctio/kPjnU/2/ with autoplay right and it's stop on mouseenter
Stefano Balzarotti almost 6 years ago
hey thanks i sent a tip But i really want it to scroll very slowly like the video http://youtu.be/rb7-ISO8ez0 and without SNAPPING. If you could provide some code to put exactly into the https://clevergizmos.com/clever-youtube-plugin/ page id be most appreciative. i'm pretty bad at jquery.
tonloc almost 6 years ago
Check this: http://jsfiddle.net/ununoctio/kPjnU/6/
Stefano Balzarotti almost 6 years ago
View Timeline