Desculpem se já tiver esse tópico, procurei e não achei nada. Tenho o código abaixo onde eu preciso que o carousel só troque para o próximo quando terminar o gif. Seguindo a image1 depois a image2 e quando ele volte para o gif ele seja iniciado normal. O que sempre acontece é que o GIF ele segue o tempo de troca normal, então nunca termina de rodar o gif e ja troca pro próximo. o gif pode ter um tempo que altere, por isso não posso só ajustar o tempo que vai ficar cada slide. Tem alguma outra forma de fazer isso? ps: Utilizo o carousel com bootstrap.
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="image.gif" alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="image1.jpg" alt="">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="image2.png" alt="">
</div>
</div>
</div>