Highlighted

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

New Here ,
May 04, 2018

Copy link to clipboard

Copied

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????

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

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>

Views

179

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

New Here ,
May 04, 2018

Copy link to clipboard

Copied

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????

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

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>

Views

180

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
May 04, 2018 0
Adobe Community Professional ,
May 05, 2018

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 05, 2018 1
Adobe Community Professional ,
May 05, 2018

Copy link to clipboard

Copied

Another lightweight slider is this one JQuery lightSlider

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

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 05, 2018 1