Hi
I already have 1 carousel on a web page (working nicely) and I need a
second, smaller carousel that I would like to pause on page load. The
problem is that when the page loads the second carousel starts rotating.
It's a simple carousel, I'm sure I'm just missing a command somewhere but
for the life of me I can't debug it.
The code for the second carousel is below (I named the first carousel
"myCarousel" in case you were wondering ;-) )
<div class="carousel slide" id="testimonials" style="margin-top:-10px;
padding:10px; height:120px; border:thin solid silver;" data-pause="true">
<div class="carousel-inner">
<div class="item active">
<div>
This is item 1.
</div>
</div>
<div class="item">
This is item 2.
</div>
<div class="item">
This is item 3.
</div>
</div>
<a href="##testimonials" class="carousel-control left"
data-slide="prev" style="margin-left:-70px;">«</a> <a
href="##testimonials" class="carousel-control right" data-slide="next"
style="margin-right:-70px;">»</a>
</div>
Any ideas on how I make this carousel stop automatically rotating?
Thanks in advance,
Rich
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
