Hi, discourse team, I’m trying to add swiperjs to the hompage banner, but i faild when i initialize swiper and this is my initialize code var mySwiper = new Swiper (‘.swiper-container’, { // Optional parameters direction: ‘horizontal’, loop: true, // If we need pagination pagination: { el: ‘.swiper-pagination’, clickable:true, }, // Navigation arrows navigation: { nextEl: ‘.swiper-button-next’, prevEl: ‘.swiper-button-prev’, }, }) but swiperjs does not working, Many days ago i use owlCarousel get the same problem, i think must i lose something, but i can’t get it, anyone can help find my problem? who knows my mistake? ps: use the flow to initialize swiper and owl, they will all work, but every back, need force frefresh the page, it can work again. $(window).on(“load”, function(){ //… });

This is just a demo, you need to use {{#if displaydiscourseSwiper}} but after testing at after_header, it doesn’t show. Better use css as well as load swss’s css and js library https://github.com/bcat95/discourse-swiper [image]

haha, thanks, very like this. it looks beautiful. :kissing_heart: :kissing_heart: :kissing_heart: [image]

Initialize swiperjs not working

Product Support

aksoforever (Qiang) May 26, 2020, 9:08am 3

haha, thanks, very like this. it looks beautiful.

Topic		Replies	Views
Javascript not re-running between different pages Product Support	1	474	November 23, 2020
Add script before footer Product Support	17	2112	November 15, 2020
iOS doesn't load CSS sometimes when navigating between subdomains Bug ios	57	4559	February 6, 2025
Error installing Welcome Link Banner Bug welcome-link-banner	3	288	February 9, 2023
Using sidebar nav to actually navigate from homepage blocks scrolling Bug	11	926	December 3, 2018

Initialize swiperjs not working

Related topics