Hola, se puede hacer de muchas formas modificando simplemente el CSS, aquí te muestro una forma:
Agregas este código al CSS:
Código CSS:
Ver original.carousel-fade .carousel-inner .item {
opacity: 1;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
En el código HTML se reemplaza la clase "
carousel" que utiliza normalmente la librería por la clase creada "
carousel-fade", quedando así:
Código HTML:
Ver original<div id="carousel-example-generic" class="carousel-fade slide"> ...
Estaré atento a cualquier comentario.
Saludos
