Hi, I have a database of images in CMS, and a template CMS item page that has a thumbnail swiper at the bottom using swiper.js. I would like to have the thumbnail of the image that is displayed on the particular template page be in the center of the slider, each time it loads a new image - I can’t …

Can you share some screenshots and the live link of the page(s) with the issue?

Thanks @sam-g here is a screenshot [53%20PM] and here is the live site https://ivgphoto-fin.webflow.io/portfolio/flamenco I want to have the thumbnail of the larger image be centered in the thumbnail slider…

Any thoughts? I am still struggling

Hey @IVG , I’m not familiar with this library, but it looks like there is an option for this. See the following codepen (not mine): https://codepen.io/hagiang1305/pen/apxvEZ

@IVG any luck getting this to work?

sorry - no such luck… I haven’t figured out how to make it work yet… especially because I have a large cms collection that has more than 100 images…

So it looks like they set up two swiper objects and if you look at this piece of code, you can see where they have the centeredSlides property set to true, and the slideToClickedSlide also set to true. I’m guessing one of those options is doing it. var galleryThumbs = new Swiper('.gallery-thumbs', …

100 images is to much (slow site loading) Use lazy loading -or- limit items.

@Siton_Systems you are correct 100 images is too much, and as such I don’t understand how to do it - especially given the fact that I have more than 100 images… I have been trying to figure out how to deal with this issue for a while now and thus far no solution… I have been thinking to also add mi…

No one going to swipe 100 images. Maybe change the design/layout

Help with swiper.js

Design help Custom code

IVG (^_^) September 2, 2019, 2:53pm 18

Have a look - this is a contact sheet that I can do… but it is a lot slower than the slider… perhaps there is a way to optimize it…

Topic		Replies	Views
Need help building a slider gallery element Animations & Interactions	4	975	October 7, 2019
Need help with swiper js Custom code	17	13317	March 29, 2023
Swiper.js - CMS Slider Headache! Custom code	6	3357	January 14, 2021
How to integrate Swiper.js 6(Slider/Carousel - mobile touch) & Webflow CMS Webflow Tips	58	34994	October 27, 2021
SwiperJS (not scrolling & width problem) Custom code	2	9165	June 29, 2021

Help with swiper.js

Related topics