Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
0

Stopper un Carousel

Explorer ,
Mar 15, 2017 Mar 15, 2017

Copy link to clipboard

Copied

Bonjour,

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

Merci de votre réponse

Bonne journée

MG

Views

531
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
community guidelines

correct answers 1 Correct answer

Community Expert , Mar 15, 2017 Mar 15, 2017

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

Votes

Translate
LEGEND ,
Mar 15, 2017 Mar 15, 2017

Copy link to clipboard

Copied

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.

Votes

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
community guidelines
Explorer ,
Mar 15, 2017 Mar 15, 2017

Copy link to clipboard

Copied

Votes

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
community guidelines
LEGEND ,
Mar 15, 2017 Mar 15, 2017

Copy link to clipboard

Copied

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.

Votes

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
community guidelines
Community Expert ,
Mar 15, 2017 Mar 15, 2017

Copy link to clipboard

Copied

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 & Moderator

Votes

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
community guidelines
Explorer ,
Mar 15, 2017 Mar 15, 2017

Copy link to clipboard

Copied

LATEST

OK super merci à tous...

MG

Votes

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
community guidelines