Carousel - stop the side scrolling

Question

Sorry for the silly question. I was searching for a carousel with a button. I found this template on Bootply that did exactly what I wanted to do. I'm quite new at developing.

Maybe someone can explain to me how can I get rid of the side scrolling effect. I know that I have to add something to the JavaScript part but I don't know what.

I just want the users to be able to control the slide scrolling by clicking on the buttons on the bottom.

Here's the link of the template : Carousel with buttons

Thank you in advance

S.Ach

score 1 · Answer 1 · answered Sep 24 '18 at 20:42

1

Removing the slide class from <div id="myCarousel" class="carousel slide"> will remove the animation.

answered Sep 24 '18 at 20:42

gempir

1,791
4
22
46

Thank you @gempir , easy as pie ! – S.Ach Sep 24 '18 at 20:46
@S.Ach make sure to mark the Answer correct so others don't need to put more answers :) – gempir Sep 24 '18 at 20:48
Actually I tried but I'm missing something, the effect still working – S.Ach Sep 24 '18 at 20:53
I replaced
by
and it didn't work then I just removed the javaScript line and it worked (and yes I pressed run ^^)
– S.Ach Sep 24 '18 at 21:53
Just removing "slide" and pressing run removes the animation like you wanted – gempir Sep 24 '18 at 21:55
I think I misunderstood. You want to auto slide gone? So the slider only moves manually. – gempir Sep 24 '18 at 22:09
I want users use only the buttons on the bottom to scroll between the slides. English is not my mother tongue sorry :/ – S.Ach Sep 24 '18 at 22:13

Hozhabr · Answer 2 · 2018-09-24T21:01:46.447

0

I realized for your question you want to remove auto change the slide after clicked on button by user

    $("button").click(function(){
               $(".carousel").removeClass("slide");
     })

I found same question in this link. Preventing twitter bootstrap carousel from auto sliding on page load

edited Sep 24 '18 at 21:01

answered Sep 24 '18 at 20:51

Hozhabr

454
2
9

Hello @mohamed Karimi, It seems working that way thank you – S.Ach Sep 24 '18 at 21:05
Goodluck friend. – Hozhabr Sep 24 '18 at 21:15

Carousel - stop the side scrolling

2 Answers2