bootstrap图片带文字轮播怎么写啊，哪位大侠知道啊，谢谢了

Posted 2023-04-19

bootstrap图片带文字轮播怎么写啊，哪位大侠知道啊，谢谢了

参考技术A <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- 小圆点指标 -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>

<!-- 滚动图片 -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="图片路径1" alt="...">
<div class="carousel-caption">
<h3>郑锅集团专业锅炉70年</h3>
<p>详情访问 <a>http://www.ranyouranqiguolu.com </a></p>
</div>
</div>
<div class="item">
<img src="图片路径2" alt="...">
<div class="carousel-caption">
...
</div>
</div>
...
</div>

<!-- 切换控制 -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">往前</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">往后</span>
</a>
</div>本回答被提问者和网友采纳

淘宝首页的带箭头的轮播海报代码怎么弄

本身自己会轮播，点一下两边的箭头，也会进入下一张。

这个一般是买的模版才有的效果哦，如果自己做的话就要弄代码，这两个代码是我上网找的觉得比较好的，你用的时候要注意修改图片地址和图片大小哦

希望能帮到您！！

追问

其实单纯的自动滚动的代码我又，而且也在用，只是想要这种带箭头的。

追答

那这个我就不是很懂了，不好意思啊，没能帮上忙

参考技术A 这个是CSS样式的！买模板就可以的 ！也可以自己写代码 就是比较麻烦的 ！！追问

虽然你说了等于没说，但是略微表示感谢。