¿Es de alguna manera posible activar la navegación del teclado en un carrusel de Bootstrap 4 directamente en la carga de la página y no solo después de enfocarse en las flechas de navegación?
En este momento tengo el siguiente carrusel (en funcionamiento). La navegación del teclado funciona correctamente pero justo después de enfocarse en las flechas del carrusel. Lo que me gustaría es activar esto directamente en la carga de la página.
<?php if( have_rows('images') ): ?> <!-- The carousel --> <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000" data-pause="hover" data-keyboard="true"> <!-- Indicators --> <ul class="carousel-indicators"> <?php $active = 'active'; $num = 0; while ( have_rows('images') ) : the_row(); $image = get_sub_field('image'); if($image == "" ) continue; ?> <li data-target="#myCarousel" data-slide-to="<?php echo $num ?>" class="<?php echo $active ?>"></li> <?php $active = ''; $num += 1; endwhile; ?> </ul> <!-- The slideshow --> <div class="carousel-inner"> <?php $active = 'active'; while ( have_rows('images') ) : the_row(); $image = get_sub_field('image'); if($image == "" ) continue; ?> <div class="carousel-item <?php echo $active ?> screen08"> <div class="container"> <img src="<?php echo get_template_directory_uri(); ?>/files/images/<?php the_sub_field('image'); ?>" class="img-fluid is-slider-item" /> </div> </div><!-- /item --> <?php $active = ''; endwhile; ?> </div> <!-- Left and right controls --> <a class="carousel-control-prev" href="#myCarousel" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#myCarousel" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div> <?php endif; ?>¡Muchas gracias de antemano por tus pistas!