Skip to main content
N
nevilr31629017
Participant
May 5, 2018
Answered

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

  • May 5, 2018
  • 2 replies
  • 871 views

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 has been closed for replies.
Correct answer Nancy OShea

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>

2 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
May 5, 2018

Another lightweight slider is this one JQuery lightSlider

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

Nancy O'Shea— Product User & Community Expert
Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
May 5, 2018

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
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices