Skip to main content
Participating Frequently
March 15, 2017
Answered

Stopper un Carousel

Bonjour,

Comment stopper le défilement automatique d'un carousel et le rendre manuel ?

Merci de votre réponse

Bonne journée

MG

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Nancy OShea
    Nancy OSheaCorrect answer
    Community Expert
    March 15, 2017

    You cannot stop the rotation completely, but -

    add this before the closing body tag -

    <script>

    $('.carousel').carousel({

    interval: 3000

    })

    </script>

    Then change the interval setting from 3000 to an higher number. It will not stop it completely but you can increase the delay so it does not rotate so often.


    pziecina  wrote

    You cannot stop the rotation completely...

    Actually, you can stop it completely if you know how to work with Bootstrap. 

    Change this:

    <div id="carousel1" class="carousel slide hidden-xs" data-ride="carousel">

    To this:

    <div id="carousel1" class="carousel slide hidden-xs" data-ride="carousel" data-interval="0">

    Nancy

    Nancy O'Shea— Product User & Community Expert

    5 replies

    pziecina
    Legend
    March 15, 2017

    Can you post a link to the page?

    Or as an alternative, tell us which carousel it is, with a link to the plug-in documentation.

    Translate
    Participating Frequently
    March 15, 2017
    pziecina
    Legend
    March 15, 2017

    You cannot stop the rotation completely, but -

    add this before the closing body tag -

    <script>

    $('.carousel').carousel({

    interval: 3000

    })

    </script>

    Then change the interval setting from 3000 to an higher number. It will not stop it completely but you can increase the delay so it does not rotate so often.

    Translate