How to set bootstrap carousel too slow

bootstrap is a very easy-to-use CSS framework that integrates layout and special effects commonly used on various pages. Image carousel is one of them

To modify the time interval of image rotation, of course it is not recommended to modify the source code directly. The method is actually very simple. (Recommended learning: Bootstrap video tutorial)

BootStrap carousel chart official code

<!--data-ride设置图片切换方式为滑动 -->
<div>
  <!-- 设置轮播图的数量和顺序-->
  <!--data-target的值应与上面的id值对应 -->
  <ol>
    <li>
    <li>
    <li>
  </ol>

  <!-- 要展示的图片信息 -->
  <div>
    <div>
      <img  src="/static/imghwm/default1.png" data-src="..." class="lazy" alt="How to set bootstrap carousel too slow" >
      <div>
        ...
      </div>
    </div>
    <div>
      <img  src="/static/imghwm/default1.png" data-src="..." class="lazy" alt="How to set bootstrap carousel too slow" >
      <div>
        ...
      </div>
    </div>
    ...
  </div>

  <!-- 控制图标 -->
  <a>
    <span></span>
    <span>Previous</span>
  </a>
  <a>
    <span></span>
    <span>Next</span>
  </a>
</div>

Two ways to change the time interval of the carousel chart

Add an attribute data-interval="millisecond" after data-ride, where millisecond is the number of milliseconds that need to be set, as follows:

<div>
<p><strong>Use JavaScript statements to implement: <br></strong></p>
<p><strong>The code given by the official website is: </strong></p>
<pre class="brush:php;toolbar:false">$(function(){
	$('#carousel-example-generic').carousel({interval:1000});
});

For more Bootstrap related technical articles, please visit the Bootstrap Tutorial column Get studying!