Hello!
I need to set up the another direction to one of Bootstrap sides. I am
using Bootstrap3
All my slides now moves from right to the left. But i need first slide move
from left to the right and seconde one move from right to the left.
I have founf the solution on stackoverflow but it seems doesn't work for
me.
var $carousel = $('.carousel');
$carousel.carousel();
$carousel.bind('slide', function(e) {
setTimeout( function(){
var left = $carousel.find('.item.active.left');
var right = $carousel.find('.item.active.right');
if(left.length > 0) {
console.log('left');
}
else if(right.length > 0) {
console.log('right');
}
}, 500);});
it doesn't work in Bootstrap3. If someone found the solution how to set
individual direction in Bootstrap3, please shear it with me.
My code
<div id="myCarousel" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
Slide1
<div class="carousel-caption">
...
</div>
</div>
<div class="item">
Slide2
<div class="carousel-caption1">
...
</div>
</div>
</div>
<script>
jQuery(document).ready(function($) {
$('.carousel').carousel({
interval: 3000
})
});
</script>
--
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.
