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

data-interval in carousel seems to be missing

Community Beginner ,
May 31, 2020 May 31, 2020

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

598
Translate
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

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.

Translate
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
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
Translate
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