Skip to main content
M
michelg58103187
Participating Frequently
March 15, 2017
Answered

Stopper un Carousel

  • March 15, 2017
  • 1 reply
  • 773 views

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

    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

    1 reply

    pziecina
    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.

    M
    michelg58103187Author
    Participating Frequently
    March 15, 2017

    Voila !

    http://site-cnfdi.pagesperso-orange.fr/index.html

    pziecina
    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.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices