estaría agradecido de su ayuda. Estoy desarrollando un sitio web en Wordpress y se me esta presentando el siguiente inconveniente.
Estoy desarrollando el sitio web con Elementor y estoy implementando la libreria Swiper Js para realizar mis slides.
La librería la agrego mediante el plugin Code Snippets con el siguiente código
add_action('wp_enqueue_scripts','agregar_scripts_styles');
function agregar_scripts_styles(){
wp_register_style('swiper-style','https://unpkg.com/swiper@7/swiper-bundle.min.css');
wp_enqueue_script('swiper','https://unpkg.com/swiper/swiper-bundle.min.js',array('jquery'),'3.6.0',true);
}
Luego en elementor inserto un bloque de código html con el siguiente fragmento
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://automotrizmelipilla.com/wp-content/uploads/2022/04/1366_2000.jpg">
</div>
<div class="swiper-slide">
<img src="https://automotrizmelipilla.com/wp-content/uploads/2022/04/NAZ_bfbb7f2744d744a9b1ef7db1f228b261.jpg">
</div>
<div class="swiper-slide">
<img src="https://automotrizmelipilla.com/wp-content/uploads/2022/04/VLPGALLERYdesk.jpg.ximg_.l_full_m.smart_.jpg">
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Navigation -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<script>
jQuery(document).ready(function($) {
const swiper = new Swiper('.swiper', {
effect: 'fade',
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
});
})
</script>
El slide funciona, pero al presionar en las flechas de siguiente y anterior la transición entre cada slide no se visualiza, pero si arrastro con el mouse de un slide hacia el otro la transición si se puede apreciar, pueden ver el resultado en el siguiente enlace https://automotrizmelipilla.com/trayectoria/
Estaría agradecido de su ayuda, ya que no consigo que funcionen las transiciones al presionar en las flechas
Resulta que estoy implementando la libre
speed number 300 Duration of transition between slides (in ms)
Comprueba que lo hayas puesto en el sitio correcto.