Javascript 自举2转盘内部模式
我希望实现一系列带有上一个/下一个箭头的引导模式以及它们之间的旋转木马 这就是我所处的位置:Javascript 自举2转盘内部模式,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我希望实现一系列带有上一个/下一个箭头的引导模式以及它们之间的旋转木马 这就是我所处的位置: <div class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss=
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
<a href="carousel-prev"> < </a>
<a href="carousel-next"> > </a>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
&时代;
情态标题
一个好身体&hellip
接近
保存更改
演示我希望模仿的行为
如何编写脚本,以便在单击
a.carousel-prev
或a.carousel-next
时切换模态 我想你的术语有点离题了,链接页面有一个模式,一个旋转木马,有多个幻灯片
这基本上就是你要找的
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<!-- Carousel Start-->
<div id="myCarousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
Slide 1
</div>
<div class="item">
Slide 2
</div>
<div class="item">
Slide 3
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
<!-- Carousel End -->
</div>
</div>
×
幻灯片1
幻灯片2
幻灯片3
谢谢,这真的很有帮助。我不知道为什么我的想法是颠倒的。最后一件事,我现在如何从主页链接到特定的旋转木马项目?您可以使用这一点javascript(jquery)$('.carousel').carousel(数字)将旋转木马循环到特定的幻灯片代码>其中number是要打开的幻灯片编号<代码>编号
像数组一样以零为基础,因此0=第一张幻灯片,1=第二张幻灯片,依此类推。。。