Skip to main content
nevilr31629017
Participant
May 5, 2018 12:07 AM UTC
Answered

Create a div sliding inside a div from left to right..

What is the logic behind div slider from left to right using js or jquery. I want to create our team div that has other divs floating to the left with a width of 33.33% at same time after an interval of 3000 it scrolls to the second div ,third and so on horizontaly please guys help me????

This topic is closed to new replies. Start a new post to keep the conversation going.
Nancy OShea
Nancy OSheaCorrect answer
Community Expert
May 5, 2018 4:58 PM UTC

You could use the built-in Carousel Slider in a Bootstrap layout. 

Bootstrap Carousel

To make ti 1/3 width, wrap it inside a column.

<div class="container">

<div class-="col-md-4">

     CAROUSEL GOES HERE...

</div>

</div>

Nancy O'Shea— Product User & Community Expert
View reply

2 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
May 5, 2018 10:18 PM UTC

Another lightweight slider is this one JQuery lightSlider

I've used it in responsive projects with very good results. 

Translate
Nancy O'Shea— Product User & Community Expert
Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
May 5, 2018 4:58 PM UTC

You could use the built-in Carousel Slider in a Bootstrap layout. 

Bootstrap Carousel

To make ti 1/3 width, wrap it inside a column.

<div class="container">

<div class-="col-md-4">

     CAROUSEL GOES HERE...

</div>

</div>

Translate
Nancy O'Shea— Product User & Community Expert
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices