.hide-bullets {
list-style:none;
}
.thumbnail {
padding: 0;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
width: 100%;
}
.carousel > .window {
overflow: hidden;
position: relative;
height: 400px;
}
/*
This is the item wrapper,
it will be animated.
*/
.carousel ul {
list-style: none;
height: 10000px;
top: 0;
left: 0;
position: absolute;
padding: 0px;
}
/*
These are the items
*/
.carousel li
{
margin: 3px 0 0;
}
.prev, .next
{
font-size: 30px;
width: 100%;
position: relative;
left: 50%;
margin-left: -15px;
}
.carousel li:first-child {
margin: 0;
}
jQuery(document).ready(function($) {
//Handles the carousel thumbnails
$('[id^=carousel-selector-]').click(function () {
var id_selector = $(this).attr("id");
try {
var id = /-(\d+)$/.exec(id_selector)[1];
console.log(id_selector, id);
jQuery('#myCarousel').carousel(parseInt(id));
} catch (e) {
console.log('Regex failed!', e);
}
});
// When the carousel slides, auto update the text
$('#myCarousel').on('slid.bs.carousel', function (e) {
var id = $('.item.active').data('slide-number');
$('#carousel-text').html($('#slide-content-'+id).html());
});
});
$('.carousel').carousel({
interval: 1000
})