I use Swiper ( http://idangero.us/swiper/api/ ), set everything up, everything works except for one, instead of points in the pagination, I need to display images to get something like this: https://yadi.sk/i/kQ-E0XVj3WX9hv

That's what I have https://jsfiddle.net/Agapkin/ah8d8yrL/1/ I think I need to use renderBullet or renderCustom, but how can I not understand?

    1 answer 1

     pagination: { el: '.swiper-pagination', clickable: true, type : 'custom', bulletClass:'swiper_pagination_img' },

    Set the class swiper_pagination_img to the pictures and it will be clickable. it helped me.

    • And what should happen? The task was to output thumbnails instead of points (small photos) - Agapkin
    • jsfiddle.net/ah8d8yrL/10 That should happen. documentation also sometimes needs to be read - LeGTR
    • Super! So that's the point I read, apparently bad)). Ok, then another question, how do you know the active slide in the preview? - Agapkin
    • And if it's not difficult, poke me in the dock where it is written about the class swiper_pagination_img - Agapkin
    • jsfiddle.net/ah8d8yrL/89 Initially, you used type: 'custom', so the automatic class change to active was not used as an option to use the renderCustom function. Example link idangero.us/swiper/api/#pagination Read about bulletClass moments, bulletActiveClass and pagination type - LeGTR