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

data-interval in carousel seems to be missing

Community Beginner ,
May 31, 2020 May 31, 2020

Copy link to clipboard

Copied

Hi Folks,

I am following a tutorial on bootstrap 4 and it tells me to put data-interval = "false" into the line below to stop the carousel whilst editing but there is no choice in the list for 'interval' in the intelisence.  I have tried to add it manually anyway, saved and closed the page and re-opened it but has no affect. has this changed in 2020 DW and the bootstrap version it uses, if so what is used now to slow down the frequency?

 

<div id="Carousel" class="carousel slide" data-ride="carousel" data- style="background-color: grey">

 

Kind regards,

Dave G

Views

455

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
community guidelines
LEGEND ,
May 31, 2020 May 31, 2020

Copy link to clipboard

Copied

What are you trying to do? Speed up the carousel or slow it down?

 

Speed it up, use a low number:

<div id="Carousel" class="carousel slide" data-ride="carousel" data-interval="500" style="background-color: grey">

 

Slow it down, use a high number:
(every 6 seconds)

<div id="Carousel" class="carousel slide" data-ride="carousel" data-interval="6000" style="background-color: grey">

 

(every minute)

<div id="Carousel" class="carousel slide" data-ride="carousel" data-interval="60000" style="background-color: grey">

 

(every 5 minutes)

<div id="Carousel" class="carousel slide" data-ride="carousel" data-interval="300000" style="background-color: grey">

 

If you just want the carousel to slide when the arrows or indicators are clicked:

<div id="Carousel" class="carousel slide" style="background-color: grey">

 

data-interval="false" will stop the carousel sliding in an actual browser. I dont know how DW handles it internally.

Votes

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
community guidelines
Community Expert ,
May 31, 2020 May 31, 2020

Copy link to clipboard

Copied

LATEST

You have to add the code manually.

Save document (Ctrl + S).

Refresh Live View (F5).

Or switch to Design View where carousel does not slide.  See screenshot.

Document Toolbar > Design ViewDocument Toolbar > Design View

 

 

 

 

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

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