Inicializar swiperjs no funciona

Hola, equipo de Discourse,
Estoy intentando agregar SwiperJS al banner de la página de inicio, pero fallé al inicializar Swiper.

Este es mi código de inicialización:

var mySwiper = new Swiper (‘.swiper-container’, {
// Parámetros opcionales
direction: ‘horizontal’,
loop: true,
// Si necesitamos paginación
pagination: {
el: ‘.swiper-pagination’,
clickable:true,
},
// Flechas de navegación
navigation: {
nextEl: ‘.swiper-button-next’,
prevEl: ‘.swiper-button-prev’,
},
})

Sin embargo, SwiperJS no funciona.
Hace varios días usé OwlCarousel y tuve el mismo problema.
Creo que debo estar perdiendo algo, pero no logro identificar qué.
¿Alguien puede ayudarme a encontrar mi problema? ¿Quién sabe cuál es mi error?
PS: Si uso el flujo para inicializar Swiper y Owl, ambos funcionan, pero cada vez que vuelvo, necesito forzar la actualización de la página para que funcione nuevamente.

$(window).on(“load”, function(){
//…
});

Esto es solo una demostración; necesitas usar {{#if displaydiscourseSwiper}}, pero después de probarlo en after_header, no se muestra.
Es mejor usar CSS, además de cargar las librerías CSS y JS de Swiper.

jaja, gracias, me encanta mucho. Se ve precioso. :kissing_heart: :kissing_heart: :kissing_heart: