Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

184
Views
Carrusel de Boostrap 4: habilita la navegación con el teclado sin enfocar

¿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!

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!